npm - @vibe/core - Versions diffs - 3.0.0-alpha.13 → 3.0.0-alpha.16 - Mend

@vibe/core 3.0.0-alpha.13 → 3.0.0-alpha.16

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

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_cf2703649a",label:"label_6140522adb",required:"required_16cd6d0aec",helpText:"helpText_27343086f8",textArea:"textArea_24fdb8d6c6",small:"small_6e203065aa",large:"large_9450c98be3",resize:"resize_ef46070745",success:"success_e106bcc2ca",error:"error_13011ee5bc",disabled:"disabled_16cd6d0aec",readOnly:"readOnly_16cd6d0aec"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_12";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_cf2703649a {\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_cf2703649a .label_6140522adb {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_cf2703649a .label_6140522adb.required_16cd6d0aec::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_cf2703649a .helpText_27343086f8 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_cf2703649a .textArea_24fdb8d6c6 {\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_cf2703649a .textArea_24fdb8d6c6:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_cf2703649a .textArea_24fdb8d6c6:active, .textAreaWrapper_cf2703649a .textArea_24fdb8d6c6:focus, .textAreaWrapper_cf2703649a .textArea_24fdb8d6c6:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_cf2703649a .textArea_24fdb8d6c6.small_6e203065aa {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_cf2703649a .textArea_24fdb8d6c6.large_9450c98be3 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_cf2703649a .textArea_24fdb8d6c6:not(.resize_ef46070745) {\n  resize: none;\n}\n.textAreaWrapper_cf2703649a.success_e106bcc2ca .textArea_24fdb8d6c6 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_cf2703649a.success_e106bcc2ca .helpText_27343086f8 {\n  color: var(--color-success);\n}\n.textAreaWrapper_cf2703649a.error_13011ee5bc .textArea_24fdb8d6c6 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_cf2703649a.error_13011ee5bc .helpText_27343086f8 {\n  color: var(--color-error);\n}\n.textAreaWrapper_cf2703649a.disabled_16cd6d0aec .textArea_24fdb8d6c6,\n.textAreaWrapper_cf2703649a.disabled_16cd6d0aec .textArea_24fdb8d6c6:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_cf2703649a.disabled_16cd6d0aec .helpText_27343086f8 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_cf2703649a.readOnly_16cd6d0aec .textArea_24fdb8d6c6,\n.textAreaWrapper_cf2703649a.readOnly_16cd6d0aec .textArea_24fdb8d6c6:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_4b84d353fc",label:"label_e1f0fb8502",required:"required_c83e523f22",helpText:"helpText_e70515f8c6",textArea:"textArea_4a218b3845",small:"small_5a4b6cfad0",large:"large_3159a7ac6f",resize:"resize_dd08f08f52",success:"success_1c49093fca",error:"error_8cd0db6308",disabled:"disabled_c83e523f22",readOnly:"readOnly_c83e523f22"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_15";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_4b84d353fc {\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_4b84d353fc .label_e1f0fb8502 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_4b84d353fc .label_e1f0fb8502.required_c83e523f22::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_4b84d353fc .helpText_e70515f8c6 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_4b84d353fc .textArea_4a218b3845 {\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_4b84d353fc .textArea_4a218b3845:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_4b84d353fc .textArea_4a218b3845:active, .textAreaWrapper_4b84d353fc .textArea_4a218b3845:focus, .textAreaWrapper_4b84d353fc .textArea_4a218b3845:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_4b84d353fc .textArea_4a218b3845.small_5a4b6cfad0 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_4b84d353fc .textArea_4a218b3845.large_3159a7ac6f {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_4b84d353fc .textArea_4a218b3845:not(.resize_dd08f08f52) {\n  resize: none;\n}\n.textAreaWrapper_4b84d353fc.success_1c49093fca .textArea_4a218b3845 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_4b84d353fc.success_1c49093fca .helpText_e70515f8c6 {\n  color: var(--color-success);\n}\n.textAreaWrapper_4b84d353fc.error_8cd0db6308 .textArea_4a218b3845 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_4b84d353fc.error_8cd0db6308 .helpText_e70515f8c6 {\n  color: var(--color-error);\n}\n.textAreaWrapper_4b84d353fc.disabled_c83e523f22 .textArea_4a218b3845,\n.textAreaWrapper_4b84d353fc.disabled_c83e523f22 .textArea_4a218b3845:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_4b84d353fc.disabled_c83e523f22 .helpText_e70515f8c6 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_4b84d353fc.readOnly_c83e523f22 .textArea_4a218b3845,\n.textAreaWrapper_4b84d353fc.readOnly_c83e523f22 .textArea_4a218b3845: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 n={textField:"textField_2762540f9a",labelWrapper:"labelWrapper_fcbd4e1263",subTextContainer:"subTextContainer_143f7e8286",counter:"counter_e6787acc48",disabled:"disabled_05df66eaf8",icon:"icon_027de697f8",inputWrapper:"inputWrapper_027de697f8",input:"input_01dd3f46be",iconContainer:"iconContainer_01fa2473eb",iconContainerHasIcon:"iconContainerHasIcon_ad67fe917e",readOnly:"readOnly_508d04bbdc",inputHover:"inputHover_b145a15ea0",inputActive:"inputActive_beb3ec3ab9",inputHasIcon:"inputHasIcon_e83bb0c8fb",round:"round_cb039efd87",square:"square_2f2db14931",onlyUnderline:"onlyUnderline_3b1cc731d8",tooltipContainer:"tooltipContainer_f6a9a84f0f",wrapperSizeMedium:"wrapperSizeMedium_2356aeaed3",wrapperSizeLarge:"wrapperSizeLarge_547968c863",iconContainerActive:"iconContainerActive_5903f34435",iconContainerClickable:"iconContainerClickable_68b6321bda",inputErrorValidation:"inputErrorValidation_ad67fe917e",subTextContainerStatus:"subTextContainerStatus_ad78514575",inputSuccessValidation:"inputSuccessValidation_c2993bd552",wrapperSizeSmall:"wrapperSizeSmall_7b7e4dd8f3",inputWrapperSizeSmall:"inputWrapperSizeSmall_face937dc4",loaderContainer:"loaderContainer_6612d82bcf",loaderContainerHasIcon:"loaderContainerHasIcon_6b93237acc",loader:"loader_859cf6416c",loaderSvg:"loaderSvg_27343086f8"};!function(n){const e="s_id-bf094fee8204_3_0_0-alpha_12";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_2762540f9a {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_2762540f9a * {\n  box-sizing: border-box;\n}\n\n.textField_2762540f9a .labelWrapper_fcbd4e1263 {\n  width: 100%;\n}\n\n.textField_2762540f9a .subTextContainer_143f7e8286 {\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_2762540f9a .subTextContainer_143f7e8286 .counter_e6787acc48 {\n  margin-left: auto;\n}\n\n.textField_2762540f9a.disabled_05df66eaf8 .icon_027de697f8 {\n  cursor: not-allowed;\n}\n\n.textField_2762540f9a.disabled_05df66eaf8 .inputWrapper_027de697f8 {\n  cursor: not-allowed;\n}\n\n.textField_2762540f9a.disabled_05df66eaf8 .inputWrapper_027de697f8 .input_01dd3f46be {\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_2762540f9a.disabled_05df66eaf8 .inputWrapper_027de697f8 .input_01dd3f46be::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_2762540f9a.disabled_05df66eaf8 .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerHasIcon_ad67fe917e:hover {\n  background-color: transparent;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be {\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_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.readOnly_508d04bbdc {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.inputHover_b145a15ea0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be:focus,\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be:active,\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.inputActive_beb3ec3ab9 {\n  border-color: var(--primary-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.inputHasIcon_e83bb0c8fb {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.round_cb039efd87 {\n  border-radius: 50px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.square_2f2db14931 {\n  border-radius: 0;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .input_01dd3f46be.onlyUnderline_3b1cc731d8 {\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_2762540f9a .inputWrapper_027de697f8 .tooltipContainer_f6a9a84f0f {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .tooltipContainer_f6a9a84f0f {\n  width: 40px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .tooltipContainer_f6a9a84f0f {\n  width: 46px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb {\n  -webkit-appearance: none;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerActive_5903f34435.iconContainerHasIcon_ad67fe917e.iconContainerClickable_68b6321bda {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerActive_5903f34435.iconContainerHasIcon_ad67fe917e:not(.iconContainerClickable_68b6321bda) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerActive_5903f34435 {\n  opacity: 1;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerActive_5903f34435 .icon_027de697f8 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerHasIcon_ad67fe917e.iconContainerClickable_68b6321bda:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb.iconContainerHasIcon_ad67fe917e.iconContainerClickable_68b6321bda:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb .icon_027de697f8 {\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}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e:hover .input_01dd3f46be {\n  border-color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e .input_01dd3f46be {\n  border-color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e .input_01dd3f46be:focus,\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e .input_01dd3f46be:active {\n  border-color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e .iconContainer_01fa2473eb .icon_027de697f8 {\n  color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e .iconContainer_01fa2473eb .icon_027de697f8:hover {\n  color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputErrorValidation_ad67fe917e + .subTextContainer_143f7e8286 .subTextContainerStatus_ad78514575 {\n  color: var(--negative-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552:hover .input_01dd3f46be {\n  border-color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 .input_01dd3f46be {\n  border-color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 .input_01dd3f46be:focus,\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 .input_01dd3f46be:active {\n  border-color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 .iconContainer_01fa2473eb .icon_027de697f8 {\n  color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 .iconContainer_01fa2473eb .icon_027de697f8:hover {\n  color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.inputSuccessValidation_c2993bd552 + .subTextContainer_143f7e8286 .subTextContainerStatus_ad78514575 {\n  color: var(--positive-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeSmall_7b7e4dd8f3 {\n  height: 32px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeSmall_7b7e4dd8f3 .input_01dd3f46be {\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_2762540f9a .inputWrapper_027de697f8.inputWrapperSizeSmall_face937dc4 .input_01dd3f46be.inputHasIcon_e83bb0c8fb.onlyUnderline_3b1cc731d8 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 {\n  height: 40px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .input_01dd3f46be {\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_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .input_01dd3f46be.inputHasIcon_e83bb0c8fb {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .input_01dd3f46be.inputHasIcon_e83bb0c8fb.onlyUnderline_3b1cc731d8 {\n  padding-left: 4px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .iconContainer_01fa2473eb {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .iconContainer_01fa2473eb .icon_027de697f8 {\n  font-size: 16px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .iconContainer_01fa2473eb:hover + .iconContainer_01fa2473eb + .input_01dd3f46be {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 {\n  height: 48px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .input_01dd3f46be {\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_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .input_01dd3f46be.inputHasIcon_e83bb0c8fb {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .input_01dd3f46be.inputHasIcon_e83bb0c8fb.onlyUnderline_3b1cc731d8 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .iconContainer_01fa2473eb {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .iconContainer_01fa2473eb .icon_027de697f8 {\n  font-size: 16px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8:hover .input_01dd3f46be {\n  border-color: var(--primary-text-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .loaderContainer_6612d82bcf {\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_2762540f9a .inputWrapper_027de697f8 .loaderContainer_6612d82bcf.loaderContainerHasIcon_6b93237acc {\n  right: 32px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .loaderContainer_6612d82bcf .loader_859cf6416c {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .loaderContainer_6612d82bcf .loader_859cf6416c .loaderSvg_27343086f8 {\n  color: var(--secondary-text-color);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8 .iconContainer_01fa2473eb .icon_027de697f8 {\n  font-family: var(--font-family);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeMedium_2356aeaed3 .iconContainer_01fa2473eb .icon_027de697f8 {\n  font-family: var(--font-family);\n}\n\n.textField_2762540f9a .inputWrapper_027de697f8.wrapperSizeLarge_547968c863 .iconContainer_01fa2473eb .icon_027de697f8 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField_493eeddb92",labelWrapper:"labelWrapper_3f6604aec2",subTextContainer:"subTextContainer_b6977290f7",counter:"counter_a563d0daa3",disabled:"disabled_7517b80574",icon:"icon_04cd6074b6",inputWrapper:"inputWrapper_04cd6074b6",input:"input_4a44fb536f",iconContainer:"iconContainer_a865f7f401",iconContainerHasIcon:"iconContainerHasIcon_12849226cd",readOnly:"readOnly_54689a786a",inputHover:"inputHover_981f06527f",inputActive:"inputActive_8a5a666592",inputHasIcon:"inputHasIcon_7377467ecc",round:"round_9e5aaeae20",square:"square_ca3c4401d8",onlyUnderline:"onlyUnderline_470e0bae55",tooltipContainer:"tooltipContainer_c621423ad0",wrapperSizeMedium:"wrapperSizeMedium_68960a26da",wrapperSizeLarge:"wrapperSizeLarge_c06acd54d6",iconContainerActive:"iconContainerActive_2eccebe37a",iconContainerClickable:"iconContainerClickable_f77bca4d0b",inputErrorValidation:"inputErrorValidation_12849226cd",subTextContainerStatus:"subTextContainerStatus_918e9ec46f",inputSuccessValidation:"inputSuccessValidation_49036c9004",wrapperSizeSmall:"wrapperSizeSmall_712813bcb2",inputWrapperSizeSmall:"inputWrapperSizeSmall_5d34171b47",loaderContainer:"loaderContainer_7e71543cd0",loaderContainerHasIcon:"loaderContainerHasIcon_831f5c476e",loader:"loader_b196cadcc9",loaderSvg:"loaderSvg_e70515f8c6"};!function(n){const e="s_id-bf094fee8204_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_493eeddb92 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_493eeddb92 * {\n  box-sizing: border-box;\n}\n\n.textField_493eeddb92 .labelWrapper_3f6604aec2 {\n  width: 100%;\n}\n\n.textField_493eeddb92 .subTextContainer_b6977290f7 {\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_493eeddb92 .subTextContainer_b6977290f7 .counter_a563d0daa3 {\n  margin-left: auto;\n}\n\n.textField_493eeddb92.disabled_7517b80574 .icon_04cd6074b6 {\n  cursor: not-allowed;\n}\n\n.textField_493eeddb92.disabled_7517b80574 .inputWrapper_04cd6074b6 {\n  cursor: not-allowed;\n}\n\n.textField_493eeddb92.disabled_7517b80574 .inputWrapper_04cd6074b6 .input_4a44fb536f {\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_493eeddb92.disabled_7517b80574 .inputWrapper_04cd6074b6 .input_4a44fb536f::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_493eeddb92.disabled_7517b80574 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerHasIcon_12849226cd:hover {\n  background-color: transparent;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f {\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_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.readOnly_54689a786a {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.inputHover_981f06527f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f:focus,\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f:active,\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.inputActive_8a5a666592 {\n  border-color: var(--primary-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.inputHasIcon_7377467ecc {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.round_9e5aaeae20 {\n  border-radius: 50px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.square_ca3c4401d8 {\n  border-radius: 0;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .input_4a44fb536f.onlyUnderline_470e0bae55 {\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_493eeddb92 .inputWrapper_04cd6074b6 .tooltipContainer_c621423ad0 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .tooltipContainer_c621423ad0 {\n  width: 40px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .tooltipContainer_c621423ad0 {\n  width: 46px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401 {\n  -webkit-appearance: none;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerActive_2eccebe37a.iconContainerHasIcon_12849226cd.iconContainerClickable_f77bca4d0b {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerActive_2eccebe37a.iconContainerHasIcon_12849226cd:not(.iconContainerClickable_f77bca4d0b) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerActive_2eccebe37a {\n  opacity: 1;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerActive_2eccebe37a .icon_04cd6074b6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerHasIcon_12849226cd.iconContainerClickable_f77bca4d0b:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401.iconContainerHasIcon_12849226cd.iconContainerClickable_f77bca4d0b:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401 .icon_04cd6074b6 {\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}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd:hover .input_4a44fb536f {\n  border-color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd .input_4a44fb536f {\n  border-color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd .input_4a44fb536f:focus,\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd .input_4a44fb536f:active {\n  border-color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd .iconContainer_a865f7f401 .icon_04cd6074b6:hover {\n  color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputErrorValidation_12849226cd + .subTextContainer_b6977290f7 .subTextContainerStatus_918e9ec46f {\n  color: var(--negative-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004:hover .input_4a44fb536f {\n  border-color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 .input_4a44fb536f {\n  border-color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 .input_4a44fb536f:focus,\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 .input_4a44fb536f:active {\n  border-color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 .iconContainer_a865f7f401 .icon_04cd6074b6:hover {\n  color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.inputSuccessValidation_49036c9004 + .subTextContainer_b6977290f7 .subTextContainerStatus_918e9ec46f {\n  color: var(--positive-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeSmall_712813bcb2 {\n  height: 32px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeSmall_712813bcb2 .input_4a44fb536f {\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_493eeddb92 .inputWrapper_04cd6074b6.inputWrapperSizeSmall_5d34171b47 .input_4a44fb536f.inputHasIcon_7377467ecc.onlyUnderline_470e0bae55 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da {\n  height: 40px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .input_4a44fb536f {\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_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .input_4a44fb536f.inputHasIcon_7377467ecc {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .input_4a44fb536f.inputHasIcon_7377467ecc.onlyUnderline_470e0bae55 {\n  padding-left: 4px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .iconContainer_a865f7f401 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  font-size: 16px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .iconContainer_a865f7f401:hover + .iconContainer_a865f7f401 + .input_4a44fb536f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 {\n  height: 48px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .input_4a44fb536f {\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_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .input_4a44fb536f.inputHasIcon_7377467ecc {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .input_4a44fb536f.inputHasIcon_7377467ecc.onlyUnderline_470e0bae55 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .iconContainer_a865f7f401 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  font-size: 16px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6:hover .input_4a44fb536f {\n  border-color: var(--primary-text-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .loaderContainer_7e71543cd0 {\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_493eeddb92 .inputWrapper_04cd6074b6 .loaderContainer_7e71543cd0.loaderContainerHasIcon_831f5c476e {\n  right: 32px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .loaderContainer_7e71543cd0 .loader_b196cadcc9 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .loaderContainer_7e71543cd0 .loader_b196cadcc9 .loaderSvg_e70515f8c6 {\n  color: var(--secondary-text-color);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6 .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  font-family: var(--font-family);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeMedium_68960a26da .iconContainer_a865f7f401 .icon_04cd6074b6 {\n  font-family: var(--font-family);\n}\n\n.textField_493eeddb92 .inputWrapper_04cd6074b6.wrapperSizeLarge_c06acd54d6 .iconContainer_a865f7f401 .icon_04cd6074b6 {\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_f483df51f5",highlightText:"highlightText_33eaa521a5",withEllipsis:"withEllipsis_22ecb8905f"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_12";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_f483df51f5 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_f483df51f5 em.highlightText_33eaa521a5 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_f483df51f5.withEllipsis_22ecb8905f {\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_132ef6b89d",highlightText:"highlightText_50ac62d18e",withEllipsis:"withEllipsis_86a9365ae5"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_15";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_132ef6b89d {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_132ef6b89d em.highlightText_50ac62d18e {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_132ef6b89d.withEllipsis_86a9365ae5 {\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 t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as m}from"react";import c from"classnames";import{AnimationType as d,HideShowEvent as l}from"../Dialog/DialogConstants.js";import p from"../../hooks/useMergeRef.js";import h from"../Tooltip/Tooltip.js";import v from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import u from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import f from"./TipseenTitle.js";import{TipseenCloseButtonTheme as j,TipseenColor as g,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as T}from"./TipseenConstants.js";import{withStaticProps as C}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as y}from"../../tests/constants.js";import{getTestId as w}from"../../tests/testIds.js";import N from"../Text/Text.js";import A from"./Tipseen.module.scss.js";import{ButtonColor as D}from"../Button/ButtonConstants.js";import{TooltipPositions as R}from"../Tooltip/TooltipConstants.js";var S=o.createContext("primary"),B=C(i((function(i,d){var l=i.className,j=i.id,g=i.position,C=void 0===g?"bottom":g,R=i.animationType,B=void 0===R?"expand":R,E=i.hideDelay,x=void 0===E?0:E,k=i.showDelay,I=void 0===k?100:k,W=i.title,_=i.titleClassName,P=i.hideCloseButton,b=i.closeButtonTheme,M=void 0===b?"light":b,O=i.onClose,L=i.closeAriaLabel,H=i.children,U=void 0===H?null:H,z=i.content,G=i.containerSelector,K=i.hideTrigger,V=void 0===K?[]:K,Y=i.showTrigger,q=void 0===Y?[]:Y,F=i.width,J=i.moveBy,Q=i.hideWhenReferenceHidden,X=void 0!==Q&&Q,Z=i.tip,$=void 0===Z||Z,tt=i.tooltipArrowClassName,et=i.modifiers,ot=void 0===et?[]:et,it=i.floating,rt=void 0!==it&&it,st=i.color,nt=i["data-testid"],at=null!=st?st:"inverted",mt=Array.isArray(q)&&Array.isArray(V)&&0===q.length&&I>0,ct=r(null),dt=p(d,ct),lt=s(!mt),pt=t(lt,2),ht=pt[0],vt=pt[1],ut=L||T;n((function(){var t;return I&&(t=setTimeout((function(){vt(!0)}),I)),function(){clearTimeout(t)}}),[I,vt]);var ft=a((function(){return"inverted"===at?"onInverted":"onPrimary"}),[at]),jt=a((function(){return"light"===M?"inverted"===at?D.ON_INVERTED_BACKGROUND:D.ON_PRIMARY_COLOR:M}),[at,M]),gt=d||j?"div":m,Tt=o.createElement("div",null,o.createElement("div",{className:c(A.tipseenHeader)},P?null:o.createElement(v,{hideTooltip:!0,className:c(A.tipseenCloseButton,e({},A.dark,"dark"===M||"fixed-dark"===M)),onClick:O,size:"xs",kind:"tertiary",color:jt,ariaLabel:ut,icon:u}),o.createElement(f,{text:W,className:c(A.tipseenTitle,_)})),o.createElement(N,{color:ft,type:"text2",element:"p",className:c(A.tipseenContent)},o.createElement(S.Provider,{value:at},z)));return o.createElement(gt,{ref:dt,id:j,"data-testid":nt||w(y.TIPSEEN,j)},o.createElement(h,{className:c(A.tipseenWrapper,l,e(e({},A.tipseenWrapperWithoutCustomWidth,!F),A.floating,rt)),arrowClassName:tt,style:F?{width:F}:void 0,shouldShowOnMount:!mt,position:C,animationType:B,hideDelay:x,showDelay:I,hideTrigger:V,showTrigger:q,content:Tt,theme:"inverted"===at?"dark":"primary",containerSelector:G,disableDialogSlide:!1,moveBy:J,hideWhenReferenceHidden:X,tip:$&&!rt,modifiers:ot,open:mt?ht:void 0,forceRenderWithoutChildren:rt},U))})),{closeButtonThemes:j,animationTypes:d,hideShowTriggers:l,colors:g,positions:R});export{S as TipseenContext,B as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as l}from"react";import m from"classnames";import{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 y}from"./TipseenConstants.js";import{withStaticProps as g}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 N from"../Text/Text.js";import B from"./Tipseen.module.scss.js";import{ButtonColor as E}from"../Button/ButtonConstants.js";import{TooltipPositions as w}from"../Tooltip/TooltipConstants.js";import x from"../../../icons/dist/react/CloseSmall.js";var A=o.createContext("primary"),D=g(i((function(i,d){var p=i.className,v=i.id,T=i.position,g=void 0===T?"bottom":T,w=i.animationType,D=void 0===w?"expand":w,R=i.hideDelay,S=void 0===R?0:R,k=i.showDelay,I=void 0===k?100:k,P=i.title,W=i.titleClassName,O=i.hideCloseButton,_=i.closeButtonTheme,b=void 0===_?"light":_,H=i.onClose,L=i.closeAriaLabel,M=i.children,z=void 0===M?null:M,G=i.content,K=i.containerSelector,U=i.hideTrigger,V=void 0===U?[]:U,Y=i.showTrigger,q=void 0===Y?[]:Y,F=i.width,J=i.moveBy,Q=i.hideWhenReferenceHidden,X=void 0!==Q&&Q,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(q)&&Array.isArray(V)&&0===q.length&&I>0,me=r(null),de=c(d,me),pe=s(!le),ce=e(pe,2),ue=ce[0],fe=ce[1],he=L||y;n((function(){var e;return I&&(e=setTimeout((function(){fe(!0)}),I)),function(){clearTimeout(e)}}),[I,fe]);var ve=a((function(){return"inverted"===ae?"onInverted":"onPrimary"}),[ae]),Te=a((function(){return"light"===b?"inverted"===ae?E.ON_INVERTED_BACKGROUND:E.ON_PRIMARY_COLOR:b}),[ae,b]),ye=d||v?"div":l,ge=o.createElement("div",null,o.createElement("div",{className:m(B.tipseenHeader)},O?null:o.createElement(f,{hideTooltip:!0,className:m(B.tipseenCloseButton,t({},B.dark,"dark"===b||"fixed-dark"===b)),onClick:H,size:"xs",kind:"tertiary",color:Te,ariaLabel:he,icon:x}),o.createElement(h,{text:P,className:m(B.tipseenTitle,W)})),o.createElement(N,{color:ve,type:"text2",element:"p",className:m(B.tipseenContent)},o.createElement(A.Provider,{value:ae},G)));return o.createElement(ye,{ref:de,id:v,"data-testid":ne||j(C.TIPSEEN,v)},o.createElement(u,{className:m(B.tipseenWrapper,p,t(t({},B.tipseenWrapperWithoutCustomWidth,!F),B.floating,re)),arrowClassName:ee,style:F?{width:F}:void 0,shouldShowOnMount:!le,position:g,animationType:D,hideDelay:S,showDelay:I,hideTrigger:V,showTrigger:q,content:ge,theme:"inverted"===ae?"dark":"primary",containerSelector:K,disableDialogSlide:!1,moveBy:J,hideWhenReferenceHidden:X,tip:$&&!re,modifiers:oe,open:le?ue:void 0,forceRenderWithoutChildren:re},z))})),{closeButtonThemes:v,animationTypes:d,hideShowTriggers:p,colors:T,positions:w});export{A as TipseenContext,D 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, ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { DialogAnimationType, 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 { TipseenCloseButtonTheme, TipseenColor } from \"./Tipseen.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { 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 { ButtonColor } from \"../Button/ButtonConstants\";\nimport React from \"react\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Classname for overriding TipseenTitle styles\n /\n titleClassName?: string;\n position?: TooltipPositions;\n animationType?: DialogAnimationType;\n hideDelay?: number;\n showDelay?: number;\n title?: string;\n hideCloseButton?: boolean;\n children?: ReactElement;\n containerSelector?: string;\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n width?: number;\n moveBy?: MoveBy;\n hideWhenReferenceHidden?: boolean;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /* Class name for a tooltip's arrow /\n tooltipArrowClassName?: string;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n closeAriaLabel?: string;\n onClose?: () => void;\n content: ElementContent;\n /\n Control the color of the Tipseen close button. Dark theme can be useful while presenting bright images under the tipseen image\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n floating?: boolean;\n /* The color of the Tipseen */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen: VibeComponent<TipseenProps> & {\n closeButtonThemes?: typeof TipseenCloseButtonThemeEnum;\n animationTypes?: typeof AnimationTypeEnum;\n hideShowTriggers?: typeof HideShowEventEnum;\n colors?: typeof TipseenColorEnum;\n positions?: typeof TooltipPositionsEnum;\n} = 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 tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref\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\" ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.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 arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={showDelay}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\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\nexport default withStaticProps(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","_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","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","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","arrowClassName","style","undefined","shouldShowOnMount","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, ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { DialogAnimationType, 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 { TipseenCloseButtonTheme, TipseenColor } from \"./Tipseen.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { 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 { ButtonColor } from \"../Button/ButtonConstants\";\nimport React from \"react\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Classname for overriding TipseenTitle styles\n /\n titleClassName?: string;\n position?: TooltipPositions;\n animationType?: DialogAnimationType;\n hideDelay?: number;\n showDelay?: number;\n title?: string;\n hideCloseButton?: boolean;\n children?: ReactElement;\n containerSelector?: string;\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n width?: number;\n moveBy?: MoveBy;\n hideWhenReferenceHidden?: boolean;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /* Class name for a tooltip's arrow /\n tooltipArrowClassName?: string;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n closeAriaLabel?: string;\n onClose?: () => void;\n content: ElementContent;\n /\n Control the color of the Tipseen close button. Dark theme can be useful while presenting bright images under the tipseen image\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n floating?: boolean;\n /* The color of the Tipseen */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen: VibeComponent<TipseenProps> & {\n closeButtonThemes?: typeof TipseenCloseButtonThemeEnum;\n animationTypes?: typeof AnimationTypeEnum;\n hideShowTriggers?: typeof HideShowEventEnum;\n colors?: typeof TipseenColorEnum;\n positions?: typeof TooltipPositionsEnum;\n} = 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 tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref\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\" ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.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 arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={showDelay}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\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\nexport default withStaticProps(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","_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","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","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","arrowClassName","style","undefined","shouldShowOnMount","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_4f6d97fce4",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_fdc59b3bb8",floating:"floating_c2a253817c",tipseenHeader:"tipseenHeader_5e4a512b01",tipseenTitle:"tipseenTitle_800ecf9208",tipseenContent:"tipseenContent_b5e2313218",tipseenCloseButton:"tipseenCloseButton_f5c7dafd16",dark:"dark_eb7c529925"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_12";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_4f6d97fce4 {\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.tipseenWrapperWithoutCustomWidth_fdc59b3bb8 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_4f6d97fce4.floating_c2a253817c {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_4f6d97fce4 .tipseenHeader_5e4a512b01 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_4f6d97fce4 .tipseenTitle_800ecf9208 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_4f6d97fce4 .tipseenContent_b5e2313218 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_4f6d97fce4 .tipseenCloseButton_f5c7dafd16 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_4f6d97fce4 .tipseenCloseButton_f5c7dafd16.dark_eb7c529925 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_a579e491a2",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_034a028b6c",floating:"floating_173423319b",tipseenHeader:"tipseenHeader_e91b7363d2",tipseenTitle:"tipseenTitle_8dfff8680b",tipseenContent:"tipseenContent_5a39deb292",tipseenCloseButton:"tipseenCloseButton_1d329735c5",dark:"dark_e45a27e0d6"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_15";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_a579e491a2 {\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.tipseenWrapperWithoutCustomWidth_034a028b6c {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_a579e491a2.floating_173423319b {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_a579e491a2 .tipseenHeader_e91b7363d2 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_a579e491a2 .tipseenTitle_8dfff8680b {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_a579e491a2 .tipseenContent_5a39deb292 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_a579e491a2 .tipseenCloseButton_1d329735c5 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_a579e491a2 .tipseenCloseButton_1d329735c5.dark_e45a27e0d6 {\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_0203324127"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_12";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_0203324127 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_0203324127:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_101394fa6f"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_15";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_101394fa6f {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_101394fa6f: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_9c64dfe777",dismiss:"dismiss_0b1f9d083c"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_12";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_9c64dfe777 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_0b1f9d083c {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_c231c70d29",dismiss:"dismiss_6f33d3e604"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_15";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_c231c70d29 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_6f33d3e604 {\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_90ac986aea"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_12";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_90ac986aea {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_2599792fdf"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_15";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_2599792fdf {\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_23cd1bb102",colorInverted:"colorInverted_2eaafc8fcb"};!function(e){const d="s_id-71e151b2b729_3_0_0-alpha_12";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_23cd1bb102 {\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_2eaafc8fcb {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_259334bd4b",colorInverted:"colorInverted_74a64c30ef"};!function(e){const d="s_id-71e151b2b729_3_0_0-alpha_15";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_259334bd4b {\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_74a64c30ef {\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_ac7909820d"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_12";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_ac7909820d {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_3480a5b109"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_15";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_3480a5b109 {\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_afd8b95d56",tipseenWizardWizard:"tipseenWizardWizard_fcbd4e1263"};!function(e){const d="s_id-98eba0c83d1f_3_0_0-alpha_12";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_afd8b95d56 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_fcbd4e1263 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_dacf838090",tipseenWizardWizard:"tipseenWizardWizard_3f6604aec2"};!function(e){const d="s_id-98eba0c83d1f_3_0_0-alpha_15";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_dacf838090 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_3f6604aec2 {\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"lodash-es";import{getTestId as i,ComponentDefaultTestId as r}from"../../tests/testIds.js";import s from"classnames";import n,{useRef as a,useMemo as c,useCallback as l,useEffect as m}from"react";import{CSSTransition as p}from"react-transition-group";import d from"../Text/Text.js";import u from"../Loader/Loader.js";import f from"../Flex/Flex.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import j from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import v from"./ToastLink/ToastLink.js";import h from"./ToastButton/ToastButton.js";import{ToastType as T,ToastActionType as g}from"./ToastConstants.js";import{getIcon as y}from"./ToastHelpers.js";import{NOOP as C}from"../../utils/function-utils.js";import{getStyle as N}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import w from"./Toast.module.scss.js";import A from"../IconButton/IconButton.js";import E from"../../hooks/usePrevious/index.js";var S=x((function(T){var g=T.open,x=void 0!==g&&g,S=T.loading,L=void 0!==S&&S,b=T.autoHideDuration,k=void 0===b?null:b,B=T.type,O=void 0===B?"normal":B,_=T.icon,D=T.hideIcon,I=void 0!==D&&D,H=T.action,M=T.actions,P=T.children,R=T.closeable,z=void 0===R||R,F=T.onClose,U=void 0===F?C:F,W=T.className,q=T.id,G=T.closeButtonAriaLabel,J=void 0===G?"Close":G,K=T["data-testid"],Q=a(null),V=E(null==M?void 0:M.length),X=c((function(){return M?M.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return n.createElement(v,Object.assign({key:o.href,className:w.actionLink},o))})):null}),[M]),Y=c((function(){return void 0!==V&&(null==M?void 0:M.length)!==V}),[M,V]),Z=c((function(){return M?M.filter((function(t){return"button"===t.type})).map((function(o,i){var r=o.content,a=e(o,["type","content"]);return n.createElement(h,Object.assign({key:"alert-button-".concat(i),className:s(w.actionButton,t({},w.withTransition,Y))},a),r)})):null}),[M,Y]),$=c((function(){return s(w.toast,N(w,o("type-"+O)),W)}),[O,W]),tt=l((function(){U&&U()}),[U]),et=a(),ot=l((function(t){U&&null!=t&&(clearTimeout(et.current),et.current=setTimeout((function(){tt()}),t))}),[tt,U]);m((function(){return x&&k>0&&ot(k),function(){clearTimeout(et.current)}}),[x,k,ot]);var it=!I&&y(O,_),rt=l((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(){Q.current&&rt(Q.current)}),[P,rt]),n.createElement(p,{in:x,classNames:{enterActive:w.enterActive,exitActive:w.exitActive},timeout:400,unmountOnExit:!0},n.createElement(d,{id:q,"data-testid":K||i(r.TOAST,q),type:"text2",element:"div",color:"fixedLight",className:$,role:"alert","aria-live":"polite",ref:Q},it&&n.createElement("div",{className:s(w.icon)},it),n.createElement(f,{align:"center",gap:"large",className:w.content},n.createElement(f,{gap:"medium","data-testid":i(r.TOAST_CONTENT),className:w.textContent},n.createElement("span",null,P),X),(Z||H)&&(Z||H),L&&n.createElement(u,{size:"xs"})),z&&n.createElement(A,{className:s(w.closeButton),onClick:tt,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:J,"data-testid":i(r.TOAST_CLOSE_BUTTON),icon:j,hideTooltip:!0})))}),{types:T,actionTypes:g});export{S as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import{camelCase as o}from"lodash-es";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import n from"classnames";import s,{useRef as a,useMemo as l,useCallback as c,useEffect as m}from"react";import{CSSTransition as u}from"react-transition-group";import p from"../Text/Text.js";import d from"../Loader/Loader.js";import f from"../Flex/Flex.js";import v from"./ToastLink/ToastLink.js";import T from"./ToastButton/ToastButton.js";import{ToastType as j,ToastActionType as y}from"./ToastConstants.js";import{getIcon as h}from"./ToastHelpers.js";import{NOOP as g}from"../../utils/function-utils.js";import{getStyle as x}from"../../helpers/typesciptCssModulesHelper.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import N from"./Toast.module.scss.js";import C from"../IconButton/IconButton.js";import b from"../../hooks/usePrevious/index.js";import k from"../../../icons/dist/react/CloseSmall.js";var B=E((function(j){var y=j.open,E=void 0!==y&&y,B=j.loading,L=void 0!==B&&B,O=j.autoHideDuration,A=void 0===O?null:O,w=j.type,S=void 0===w?"normal":w,_=j.icon,H=j.hideIcon,I=void 0!==H&&H,P=j.action,z=j.actions,F=j.children,D=j.closeable,M=void 0===D||D,U=j.onClose,q=void 0===U?g:U,G=j.className,J=j.id,K=j.closeButtonAriaLabel,Q=void 0===K?"Close":K,R=j["data-testid"],V=a(null),W=b(null==z?void 0:z.length),X=l((function(){return z?z.filter((function(t){return"link"===t.type})).map((function(t){var o=e(t,["type"]);return s.createElement(v,Object.assign({key:o.href,className:N.actionLink},o))})):null}),[z]),Y=l((function(){return void 0!==W&&(null==z?void 0:z.length)!==W}),[z,W]),Z=l((function(){return z?z.filter((function(t){return"button"===t.type})).map((function(o,r){var i=o.content,a=e(o,["type","content"]);return s.createElement(T,Object.assign({key:"alert-button-".concat(r),className:n(N.actionButton,t({},N.withTransition,Y))},a),i)})):null}),[z,Y]),$=l((function(){return n(N.toast,x(N,o("type-"+S)),G)}),[S,G]),tt=c((function(){q&&q()}),[q]),et=a(),ot=c((function(t){q&&null!=t&&(clearTimeout(et.current),et.current=setTimeout((function(){tt()}),t))}),[tt,q]);m((function(){return E&&A>0&&ot(A),function(){clearTimeout(et.current)}}),[E,A,ot]);var rt=!I&&h(S,_),it=c((function(t){var e=t.style.width;t.style.width="auto";var o=getComputedStyle(t).width;t.style.width=e,t.style.width=o}),[]);return m((function(){V.current&&it(V.current)}),[F,it]),s.createElement(u,{in:E,classNames:{enterActive:N.enterActive,exitActive:N.exitActive},timeout:400,unmountOnExit:!0},s.createElement(p,{id:J,"data-testid":R||r(i.TOAST,J),type:"text2",element:"div",color:"fixedLight",className:$,role:"alert","aria-live":"polite",ref:V},rt&&s.createElement("div",{className:n(N.icon)},rt),s.createElement(f,{align:"center",gap:"large",className:N.content},s.createElement(f,{gap:"medium","data-testid":r(i.TOAST_CONTENT),className:N.textContent},s.createElement("span",null,F),X),(Z||P)&&(Z||P),L&&s.createElement(d,{size:"xs"})),M&&s.createElement(C,{className:n(N.closeButton),onClick:tt,size:"small",kind:"tertiary",color:"fixed-light",ariaLabel:Q,"data-testid":r(i.TOAST_CLOSE_BUTTON),icon:k,hideTooltip:!0})))}),{types:j,actionTypes:y});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 \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { ToastType, ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } 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 actions?: ToastAction[];\n /** If true, Toast is open (visible) /\n open?: boolean;\n loading?: boolean;\n type?: ToastType;\n /* Possible to override the default icon /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /* If true, won't show the icon /\n hideIcon?: boolean;\n /* The action to display /\n action?: JSX.Element;\n /* If false, won't show the close button /\n closeable?: boolean;\n onClose?: () => void;\n /* The number of milliseconds to wait before\n * automatically closing the Toast\n * (0 or null cancels this behaviour) /\n autoHideDuration?: number;\n children?: ReactElement \| ReactElement[] \| string;\n closeButtonAriaLabel?: string;\n}\n\nconst Toast: FC<ToastProps> & { types?: typeof ToastTypeEnum; actionTypes?: typeof ToastActionTypeEnum } = ({\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 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 classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\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 ref={ref}\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\nexport default withStaticProps(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticProps","_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","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 \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, ReactElement, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { IconSubComponentProps } from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\nimport Flex from \"../Flex/Flex\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport ToastLink from \"./ToastLink/ToastLink\";\nimport ToastButton from \"./ToastButton/ToastButton\";\nimport { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from \"./ToastConstants\";\nimport { ToastType, ToastAction } from \"./Toast.types\";\nimport { getIcon } from \"./ToastHelpers\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } 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 actions?: ToastAction[];\n /** If true, Toast is open (visible) /\n open?: boolean;\n loading?: boolean;\n type?: ToastType;\n /* Possible to override the default icon /\n icon?: string \| React.FC<IconSubComponentProps> \| null;\n /* If true, won't show the icon /\n hideIcon?: boolean;\n /* The action to display /\n action?: JSX.Element;\n /* If false, won't show the close button /\n closeable?: boolean;\n onClose?: () => void;\n /* The number of milliseconds to wait before\n * automatically closing the Toast\n * (0 or null cancels this behaviour) /\n autoHideDuration?: number;\n children?: ReactElement \| ReactElement[] \| string;\n closeButtonAriaLabel?: string;\n}\n\nconst Toast: FC<ToastProps> & { types?: typeof ToastTypeEnum; actionTypes?: typeof ToastActionTypeEnum } = ({\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 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 classNames={{ enterActive: styles.enterActive, exitActive: styles.exitActive }}\n timeout={400}\n unmountOnExit\n >\n <Text\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 ref={ref}\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\nexport default withStaticProps(Toast, {\n types: ToastTypeEnum,\n actionTypes: ToastActionTypeEnum\n});\n"],"names":["withStaticProps","_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","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_71c1baabee",typeNormal:"typeNormal_b20062fa90",typePositive:"typePositive_c5cc9edb0e",typeNegative:"typeNegative_95580b42fd",typeWarning:"typeWarning_6a45e60d9c",closeButton:"closeButton_0c810fd677",actionButton:"actionButton_a148c3d819",actionLink:"actionLink_6d4f0d7621",typeDark:"typeDark_8bf075ebd0",icon:"icon_02deb06eaf",withTransition:"withTransition_82acd1fe56",bounceIn:"bounceIn_d3f258336c",content:"content_6dd879c7aa",textContent:"textContent_7d493fc9e7",enterActive:"enterActive_c0d6e63513",slideIn:"slideIn_afd33c63da",exitActive:"exitActive_62888bb759",slideOut:"slideOut_9c4fe7835b"};!function(n){const t="s_id-72c9912c1efa_3_0_0-alpha_12";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_71c1baabee {\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_71c1baabee.typeNormal_b20062fa90 {\n  background-color: var(--primary-color);\n}\n.toast_71c1baabee.typePositive_c5cc9edb0e {\n  background-color: var(--positive-color);\n}\n.toast_71c1baabee.typeNegative_95580b42fd {\n  background-color: var(--negative-color);\n}\n.toast_71c1baabee.typeWarning_6a45e60d9c {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_71c1baabee.typeWarning_6a45e60d9c .closeButton_0c810fd677 {\n  color: var(--fixed-dark-color);\n}\n.toast_71c1baabee.typeWarning_6a45e60d9c .actionButton_a148c3d819,\n.toast_71c1baabee.typeWarning_6a45e60d9c .actionLink_6d4f0d7621 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_71c1baabee.typeDark_8bf075ebd0 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_71c1baabee.typeDark_8bf075ebd0 .closeButton_0c810fd677 {\n  color: var(--text-color-on-inverted);\n}\n.toast_71c1baabee.typeDark_8bf075ebd0 .actionButton_a148c3d819,\n.toast_71c1baabee.typeDark_8bf075ebd0 .actionLink_6d4f0d7621 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_02deb06eaf {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_a148c3d819.withTransition_82acd1fe56 {\n  opacity: 0;\n  animation: bounceIn_d3f258336c 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_6dd879c7aa {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_7d493fc9e7 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_c0d6e63513 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_afd33c63da;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_62888bb759 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_9c4fe7835b;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_0c810fd677 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_afd33c63da {\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_9c4fe7835b {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_d3f258336c {\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_d99f0b4381",typeNormal:"typeNormal_01b8e2111a",typePositive:"typePositive_9bc83eb02e",typeNegative:"typeNegative_d3d5c70efc",typeWarning:"typeWarning_0de1b921c9",closeButton:"closeButton_8b8811890f",actionButton:"actionButton_fe44f61265",actionLink:"actionLink_88a8b1ed73",typeDark:"typeDark_b85111c7a2",icon:"icon_94d6d6f376",withTransition:"withTransition_ad4136e6a4",bounceIn:"bounceIn_1e6ba96617",content:"content_e863c9b0b0",textContent:"textContent_cf6ff8e706",enterActive:"enterActive_48790e51c1",slideIn:"slideIn_273db3b06a",exitActive:"exitActive_1758ba68d9",slideOut:"slideOut_28c4a8e98e"};!function(n){const t="s_id-72c9912c1efa_3_0_0-alpha_15";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_d99f0b4381 {\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_d99f0b4381.typeNormal_01b8e2111a {\n  background-color: var(--primary-color);\n}\n.toast_d99f0b4381.typePositive_9bc83eb02e {\n  background-color: var(--positive-color);\n}\n.toast_d99f0b4381.typeNegative_d3d5c70efc {\n  background-color: var(--negative-color);\n}\n.toast_d99f0b4381.typeWarning_0de1b921c9 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_d99f0b4381.typeWarning_0de1b921c9 .closeButton_8b8811890f {\n  color: var(--fixed-dark-color);\n}\n.toast_d99f0b4381.typeWarning_0de1b921c9 .actionButton_fe44f61265,\n.toast_d99f0b4381.typeWarning_0de1b921c9 .actionLink_88a8b1ed73 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_d99f0b4381.typeDark_b85111c7a2 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_d99f0b4381.typeDark_b85111c7a2 .closeButton_8b8811890f {\n  color: var(--text-color-on-inverted);\n}\n.toast_d99f0b4381.typeDark_b85111c7a2 .actionButton_fe44f61265,\n.toast_d99f0b4381.typeDark_b85111c7a2 .actionLink_88a8b1ed73 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_94d6d6f376 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_fe44f61265.withTransition_ad4136e6a4 {\n  opacity: 0;\n  animation: bounceIn_1e6ba96617 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_e863c9b0b0 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_cf6ff8e706 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_48790e51c1 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_273db3b06a;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_1758ba68d9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_28c4a8e98e;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_8b8811890f {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_273db3b06a {\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_28c4a8e98e {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_1e6ba96617 {\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 i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../icons/dist/_virtual/_tslib.js";import"react";import"../../../icons/dist/react/AddSmall.js";import t from"../../../icons/dist/react/Alert.js";import o from"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import r from"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import s from"../../../icons/dist/react/Warning.js";var n,e;!function(i){i.NORMAL="normal",i.POSITIVE="positive",i.NEGATIVE="negative",i.WARNING="warning",i.DARK="dark"}(n||(n={})),function(i){i.LINK="link",i.BUTTON="button"}(e||(e={}));var c=i(i(i(i(i({},n.NORMAL,r),n.POSITIVE,o),n.NEGATIVE,t),n.WARNING,s),n.DARK,r);export{e as ToastActionType,n as ToastType,c 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":"~~goCAKYA~~,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_23b37e303c"};!function(e){const t="s_id-a224471727c9_3_0_0-alpha_12";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_23b37e303c {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_23b37e303c:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_3f728ac875"};!function(e){const t="s_id-a224471727c9_3_0_0-alpha_15";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_3f728ac875 {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_3f728ac875: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_10c5d19213","focus-visible":"focus-visible_603c0e05dc",selected:"selected_b20062fa90",notSelected:"notSelected_2caae6359e",disabled:"disabled_6ea38dfc47",medium:"medium_4a4cca0345",small:"small_e7590ae654"};!function(e){const n="s_id-49e22e19a989_3_0_0-alpha_12";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_10c5d19213 {\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_10c5d19213:focus-visible, .toggle_10c5d19213.focus-visible_603c0e05dc {\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_10c5d19213:focus:not(.focus-visible_603c0e05dc) {\n  outline: none;\n}\n.toggle_10c5d19213::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_10c5d19213.selected_b20062fa90 {\n  background-color: var(--primary-color);\n}\n.toggle_10c5d19213.selected_b20062fa90::after {\n  left: 20px;\n}\n.toggle_10c5d19213.notSelected_2caae6359e {\n  background-color: var(--ui-border-color);\n}\n.toggle_10c5d19213.notSelected_2caae6359e::after {\n  left: 3px;\n}\n.toggle_10c5d19213.disabled_6ea38dfc47 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_10c5d19213.medium_4a4cca0345 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_10c5d19213.medium_4a4cca0345::after {\n  --circle-size: 18px;\n}\n.toggle_10c5d19213.small_e7590ae654 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_10c5d19213.small_e7590ae654::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_10c5d19213.small_e7590ae654.notSelected_2caae6359e::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_d9714e0099","focus-visible":"focus-visible_dac054f1c7",selected:"selected_01b8e2111a",notSelected:"notSelected_234f878ba4",disabled:"disabled_fdef5377ec",medium:"medium_5e71184999",small:"small_e4ae7da87d"};!function(e){const n="s_id-49e22e19a989_3_0_0-alpha_15";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_d9714e0099 {\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_d9714e0099:focus-visible, .toggle_d9714e0099.focus-visible_dac054f1c7 {\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_d9714e0099:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.toggle_d9714e0099::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_d9714e0099.selected_01b8e2111a {\n  background-color: var(--primary-color);\n}\n.toggle_d9714e0099.selected_01b8e2111a::after {\n  left: 20px;\n}\n.toggle_d9714e0099.notSelected_234f878ba4 {\n  background-color: var(--ui-border-color);\n}\n.toggle_d9714e0099.notSelected_234f878ba4::after {\n  left: 3px;\n}\n.toggle_d9714e0099.disabled_fdef5377ec {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_d9714e0099.medium_5e71184999 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_d9714e0099.medium_5e71184999::after {\n  --circle-size: 18px;\n}\n.toggle_d9714e0099.small_e4ae7da87d {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_d9714e0099.small_e4ae7da87d::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_d9714e0099.small_e4ae7da87d.notSelected_234f878ba4::after {\n  left: 2px;\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_c02023133d","focus-visible":"focus-visible_1ff3bc30f8",wrapper:"wrapper_619a26f884"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-alpha_12";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)}(".toggleInput_c02023133d:focus-visible ~ div, .toggleInput_c02023133d.focus-visible_1ff3bc30f8 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_619a26f884 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_a2915f744f","focus-visible":"focus-visible_938d920729",wrapper:"wrapper_7425ee9bdb"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-alpha_15";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)}(".toggleInput_a2915f744f:focus-visible ~ div, .toggleInput_a2915f744f.focus-visible_938d920729 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_7425ee9bdb {\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_ea1406e9d5",disabled:"disabled_633d20816e"};!function(e){const t="s_id-1dee71639eb3_3_0_0-alpha_12";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_ea1406e9d5 {\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_633d20816e {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_f7af52192d",disabled:"disabled_224e795705"};!function(e){const t="s_id-1dee71639eb3_3_0_0-alpha_15";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_f7af52192d {\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_224e795705 {\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 o={tooltip:"tooltip_9b390857a9",image:"image_b2b29b0560",title:"title_49999d0e45",content:"content_1d6dd36e23",paddingSizeMd:"paddingSizeMd_abe6f44ea8",tooltipWhiteLink:"tooltipWhiteLink_cf3c64dd77",arrow:"arrow_3886c5ec5f",dark:"dark_8bf075ebd0",primary:"primary_2c1061d024"};!function(o){const n="s_id-a3b5adff1ad8_3_0_0-alpha_12";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".tooltip_9b390857a9 {\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}\n.tooltip_9b390857a9 .image_b2b29b0560 {\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_9b390857a9 .title_49999d0e45 {\n  font: var(--font-text2-bold);\n}\n.tooltip_9b390857a9 .content_1d6dd36e23 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_9b390857a9.paddingSizeMd_abe6f44ea8 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_9b390857a9 a.tooltipWhiteLink_cf3c64dd77 {\n  color: #fff;\n}\n.arrow_3886c5ec5f,\n.dark_8bf075ebd0,\n.arrow_3886c5ec5f.dark_8bf075ebd0 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_2c1061d024,\n.arrow_3886c5ec5f.primary_2c1061d024 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var o={tooltip:"tooltip_a85f10b790",image:"image_7ab69b054f",title:"title_2233ee03d1",content:"content_f9eb4d4025",paddingSizeMd:"paddingSizeMd_75fb0ae957",tooltipWhiteLink:"tooltipWhiteLink_0a98f38f27",arrow:"arrow_0e40a19968",dark:"dark_b85111c7a2",primary:"primary_93e8f4363d"};!function(o){const a="s_id-a3b5adff1ad8_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=o)}(".tooltip_a85f10b790 {\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}\n.tooltip_a85f10b790 .image_7ab69b054f {\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_a85f10b790 .title_2233ee03d1 {\n  font: var(--font-text2-bold);\n}\n.tooltip_a85f10b790 .content_f9eb4d4025 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_a85f10b790.paddingSizeMd_75fb0ae957 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_a85f10b790 a.tooltipWhiteLink_0a98f38f27 {\n  color: #fff;\n}\n.arrow_0e40a19968,\n.dark_b85111c7a2,\n.arrow_0e40a19968.dark_b85111c7a2 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_93e8f4363d,\n.arrow_0e40a19968.primary_93e8f4363d {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_ff4a9b6404","focus-visible":"focus-visible_603c0e05dc",primary:"primary_c893559626",secondary:"secondary_27343086f8",onPrimary:"onPrimary_08c26184d8",onInverted:"onInverted_97c5f2cb93",fixedLight:"fixedLight_e6479064c6",fixedDark:"fixedDark_0c810fd677",inherit:"inherit_bf4aecf54c",start:"start_8c79be0377",center:"center_7ae8c3253c",end:"end_5ac654e68a",singleLineEllipsis:"singleLineEllipsis_b872a7cea9",multiLineEllipsis:"multiLineEllipsis_b59677ba1a"};!function(e){const n="s_id-911fb9952597_3_0_0-alpha_12";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)}(".typography_ff4a9b6404 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_ff4a9b6404 > a:focus-visible, .typography_ff4a9b6404 > a.focus-visible_603c0e05dc {\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_ff4a9b6404 > a:focus:not(.focus-visible_603c0e05dc) {\n  outline: none;\n}\n.typography_ff4a9b6404 > a:hover {\n  text-decoration: underline;\n}\n.typography_ff4a9b6404:disabled, .typography_ff4a9b6404[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_c893559626 {\n  color: var(--primary-text-color);\n}\n.secondary_27343086f8 {\n  color: var(--secondary-text-color);\n}\n.onPrimary_08c26184d8 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_08c26184d8 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_97c5f2cb93 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_97c5f2cb93 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_e6479064c6 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_e6479064c6 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_0c810fd677 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_0c810fd677 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_bf4aecf54c {\n  color: inherit;\n}\n.inherit_bf4aecf54c a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_8c79be0377 {\n  text-align: start;\n}\n.center_7ae8c3253c {\n  text-align: center;\n}\n.end_5ac654e68a {\n  text-align: end;\n}\n.singleLineEllipsis_b872a7cea9 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_b59677ba1a {\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 n={typography:"typography_d0ac2b2a65","focus-visible":"focus-visible_dac054f1c7",primary:"primary_53ef93db61",secondary:"secondary_e70515f8c6",onPrimary:"onPrimary_59070dad64",onInverted:"onInverted_18d6439ffc",fixedLight:"fixedLight_600181f01e",fixedDark:"fixedDark_8b8811890f",inherit:"inherit_b6a920bd20",start:"start_33e93450b8",center:"center_a6cf367c60",end:"end_2f56843188",singleLineEllipsis:"singleLineEllipsis_01c2a1bfc5",multiLineEllipsis:"multiLineEllipsis_de0e72dc5f"};!function(n){const e="s_id-911fb9952597_3_0_0-alpha_15";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography_d0ac2b2a65 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_d0ac2b2a65 > a:focus-visible, .typography_d0ac2b2a65 > a.focus-visible_dac054f1c7 {\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_d0ac2b2a65 > a:focus:not(.focus-visible_dac054f1c7) {\n  outline: none;\n}\n.typography_d0ac2b2a65 > a:hover {\n  text-decoration: underline;\n}\n.typography_d0ac2b2a65:disabled, .typography_d0ac2b2a65[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_53ef93db61 {\n  color: var(--primary-text-color);\n}\n.secondary_e70515f8c6 {\n  color: var(--secondary-text-color);\n}\n.onPrimary_59070dad64 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_59070dad64 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_18d6439ffc {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_18d6439ffc a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_600181f01e {\n  color: var(--fixed-light-color);\n}\n.fixedLight_600181f01e a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_8b8811890f {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_8b8811890f a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_b6a920bd20 {\n  color: inherit;\n}\n.inherit_b6a920bd20 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_33e93450b8 {\n  text-align: start;\n}\n.center_a6cf367c60 {\n  text-align: center;\n}\n.end_2f56843188 {\n  text-align: end;\n}\n.singleLineEllipsis_01c2a1bfc5 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_de0e72dc5f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_1cef6c0f7e"};!function(e){const t="s_id-03a8eed790d8_3_0_0-alpha_12";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_1cef6c0f7e {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_84c18aaad3"};!function(e){const t="s_id-03a8eed790d8_3_0_0-alpha_15";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".virtualizedGridWrapper_84c18aaad3 {\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_1cef6c0f7e"};!function(e){const t="s_id-9250e4cf6c59_3_0_0-alpha_12";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_1cef6c0f7e {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_84c18aaad3"};!function(e){const t="s_id-9250e4cf6c59_3_0_0-alpha_15";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)}(".virtualizedListWrapper_84c18aaad3 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map