npm - @vibe/core - Versions diffs - 3.0.0-alpha.8 → 3.0.0-beta.0 - Mend

@vibe/core 3.0.0-alpha.8 → 3.0.0-beta.0

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

Files changed (503) hide show

package/dist/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_bea705e377",tabsList:"tabsList_4a3c6ab9fb",sm:"sm_3b2502e00c",lg:"lg_c5e96607da",stretched:"stretched_5b76b91821",tabListTabWrapper:"tabListTabWrapper_05ce0e2283",tabListTabInner:"tabListTabInner_05ce0e2283",disabled:"disabled_5ef06bef58"};!function(e){const t="s_id-10f1ea92a898_3_0_0-alpha_7";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)}(".tabsWrapper_bea705e377 .tabsList_4a3c6ab9fb {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_bea705e377 .tabsList_4a3c6ab9fb.sm_3b2502e00c {\n  height: 32px;\n}\n\n.tabsWrapper_bea705e377 .tabsList_4a3c6ab9fb.lg_c5e96607da {\n  height: 48px;\n}\n\n.tabsWrapper_bea705e377.stretched_5b76b91821 .tabsList_4a3c6ab9fb {\n  width: 100%;\n}\n\n.tabsWrapper_bea705e377.stretched_5b76b91821 .tabsList_4a3c6ab9fb .tabListTabWrapper_05ce0e2283 {\n  width: 100%;\n}\n\n.tabsWrapper_bea705e377.stretched_5b76b91821 .tabsList_4a3c6ab9fb .tabListTabWrapper_05ce0e2283 .tabListTabInner_05ce0e2283 {\n  width: 100%;\n}\n\n.tabsWrapper_bea705e377.disabled_5ef06bef58 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_a2ae3f572e",tabsList:"tabsList_39d873d64e",sm:"sm_c794aabaf1",lg:"lg_32f1abbf49",stretched:"stretched_4cae5a2921",tabListTabWrapper:"tabListTabWrapper_e3b62eee9f",tabListTabInner:"tabListTabInner_e3b62eee9f",disabled:"disabled_ea74cac289"};!function(e){const a="s_id-10f1ea92a898_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabsWrapper_a2ae3f572e .tabsList_39d873d64e {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_a2ae3f572e .tabsList_39d873d64e.sm_c794aabaf1 {\n  height: 32px;\n}\n\n.tabsWrapper_a2ae3f572e .tabsList_39d873d64e.lg_32f1abbf49 {\n  height: 48px;\n}\n\n.tabsWrapper_a2ae3f572e.stretched_4cae5a2921 .tabsList_39d873d64e {\n  width: 100%;\n}\n\n.tabsWrapper_a2ae3f572e.stretched_4cae5a2921 .tabsList_39d873d64e .tabListTabWrapper_e3b62eee9f {\n  width: 100%;\n}\n\n.tabsWrapper_a2ae3f572e.stretched_4cae5a2921 .tabsList_39d873d64e .tabListTabWrapper_e3b62eee9f .tabListTabInner_e3b62eee9f {\n  width: 100%;\n}\n\n.tabsWrapper_a2ae3f572e.disabled_ea74cac289 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_4fb58b5712"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-alpha_7";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)}(".tabPanelWrapper_4fb58b5712 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_f2fe2ada59"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-alpha_17";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)}(".tabPanelWrapper_f2fe2ada59 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper_6d93f02380",tabPanel:"tabPanel_10d8f61534",animationDirectionRtl:"animationDirectionRtl_4fc7b801d1",animationDirectionLtr:"animationDirectionLtr_d7b488842d",active:"active_839901b667",panelSlideIn:"panelSlideIn_8b930633b6"};!function(n){const e="s_id-078bacbdb1e4_3_0_0-alpha_7";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)}(".tabPanelsWrapper_6d93f02380 .tabPanel_10d8f61534 {\n  display: none;\n}\n\n.tabPanelsWrapper_6d93f02380 .tabPanel_10d8f61534.animationDirectionRtl_4fc7b801d1 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_6d93f02380 .tabPanel_10d8f61534.animationDirectionLtr_d7b488842d {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_6d93f02380 .tabPanel_10d8f61534.active_839901b667 {\n  display: block;\n  animation: panelSlideIn_8b930633b6 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_8b930633b6 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_e638faddb4",tabPanel:"tabPanel_658920ea94",animationDirectionRtl:"animationDirectionRtl_2f7f697458",animationDirectionLtr:"animationDirectionLtr_03e82c9acc",active:"active_63e11f00df",panelSlideIn:"panelSlideIn_e0cf1934f4"};!function(e){const a="s_id-078bacbdb1e4_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabPanelsWrapper_e638faddb4 .tabPanel_658920ea94 {\n  display: none;\n}\n\n.tabPanelsWrapper_e638faddb4 .tabPanel_658920ea94.animationDirectionRtl_2f7f697458 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e638faddb4 .tabPanel_658920ea94.animationDirectionLtr_03e82c9acc {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e638faddb4 .tabPanel_658920ea94.active_63e11f00df {\n  display: block;\n  animation: panelSlideIn_e0cf1934f4 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_e0cf1934f4 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_57b3558931",text1Medium:"text1Medium_a90281915b",text1Normal:"text1Normal_0b4cadada2",text2Bold:"text2Bold_26f6d7e581",text2Medium:"text2Medium_928f7ecf5d",text2Normal:"text2Normal_bcf45d5dfd",text3Bold:"text3Bold_ab27fa755a",text3Medium:"text3Medium_6499391b53",text3Normal:"text3Normal_c4a18780f4",text:"text_bdc109c25a"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_57b3558931 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_a90281915b {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_0b4cadada2 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_26f6d7e581 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_928f7ecf5d {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_bcf45d5dfd {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_ab27fa755a {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_6499391b53 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c4a18780f4 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_bdc109c25a {\n  margin-block: 0;\n}\n\np.text_bdc109c25a + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_c56846d946",text1Medium:"text1Medium_dd515ee25a",text1Normal:"text1Normal_d6fdf1dbfa",text2Bold:"text2Bold_e450938e5f",text2Medium:"text2Medium_eaa754da37",text2Normal:"text2Normal_55b057f4cf",text3Bold:"text3Bold_ce211c7f6a",text3Medium:"text3Medium_a2ab6ae2ca",text3Normal:"text3Normal_b5def7d3f8",text:"text_ba723a6e70"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_c56846d946 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_dd515ee25a {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_d6fdf1dbfa {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_e450938e5f {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_eaa754da37 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_55b057f4cf {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_ce211c7f6a {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_a2ab6ae2ca {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_b5def7d3f8 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_ba723a6e70 {\n  margin-block: 0;\n}\n\np.text_ba723a6e70 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_f1b01bb5b0",label:"label_fcc801f01e",required:"required_5919297f3d",helpText:"helpText_eb580e2a0d",textArea:"textArea_9db9d9925b",small:"small_bcf45d5dfd",large:"large_0b4cadada2",resize:"resize_9a7c003146",success:"success_3970813e60",error:"error_2af23a9482",disabled:"disabled_5919297f3d",readOnly:"readOnly_5919297f3d"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const b=document.createElement("style");b.id=r,a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b),b.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_f1b01bb5b0 {\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_f1b01bb5b0 .label_fcc801f01e {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_f1b01bb5b0 .label_fcc801f01e.required_5919297f3d::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_f1b01bb5b0 .helpText_eb580e2a0d {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b {\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_f1b01bb5b0 .textArea_9db9d9925b:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b:active, .textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b:focus, .textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b.small_bcf45d5dfd {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b.large_0b4cadada2 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_f1b01bb5b0 .textArea_9db9d9925b:not(.resize_9a7c003146) {\n  resize: none;\n}\n.textAreaWrapper_f1b01bb5b0.success_3970813e60 .textArea_9db9d9925b {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_f1b01bb5b0.success_3970813e60 .helpText_eb580e2a0d {\n  color: var(--color-success);\n}\n.textAreaWrapper_f1b01bb5b0.error_2af23a9482 .textArea_9db9d9925b {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_f1b01bb5b0.error_2af23a9482 .helpText_eb580e2a0d {\n  color: var(--color-error);\n}\n.textAreaWrapper_f1b01bb5b0.disabled_5919297f3d .textArea_9db9d9925b,\n.textAreaWrapper_f1b01bb5b0.disabled_5919297f3d .textArea_9db9d9925b:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_f1b01bb5b0.disabled_5919297f3d .helpText_eb580e2a0d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_f1b01bb5b0.readOnly_5919297f3d .textArea_9db9d9925b,\n.textAreaWrapper_f1b01bb5b0.readOnly_5919297f3d .textArea_9db9d9925b:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_69bed583d9",label:"label_ea5ebb9e99",required:"required_f1f48c1d6f",helpText:"helpText_076838e028",textArea:"textArea_e10f3fefed",small:"small_55b057f4cf",large:"large_d6fdf1dbfa",resize:"resize_c89e421e79",success:"success_75cf92f353",error:"error_452d34e173",disabled:"disabled_f1f48c1d6f",readOnly:"readOnly_f1f48c1d6f"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_17";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_69bed583d9 {\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_69bed583d9 .label_ea5ebb9e99 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_69bed583d9 .label_ea5ebb9e99.required_f1f48c1d6f::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_69bed583d9 .helpText_076838e028 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_69bed583d9 .textArea_e10f3fefed {\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_69bed583d9 .textArea_e10f3fefed:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_69bed583d9 .textArea_e10f3fefed:active, .textAreaWrapper_69bed583d9 .textArea_e10f3fefed:focus, .textAreaWrapper_69bed583d9 .textArea_e10f3fefed:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_69bed583d9 .textArea_e10f3fefed.small_55b057f4cf {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_69bed583d9 .textArea_e10f3fefed.large_d6fdf1dbfa {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_69bed583d9 .textArea_e10f3fefed:not(.resize_c89e421e79) {\n  resize: none;\n}\n.textAreaWrapper_69bed583d9.success_75cf92f353 .textArea_e10f3fefed {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_69bed583d9.success_75cf92f353 .helpText_076838e028 {\n  color: var(--color-success);\n}\n.textAreaWrapper_69bed583d9.error_452d34e173 .textArea_e10f3fefed {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_69bed583d9.error_452d34e173 .helpText_076838e028 {\n  color: var(--color-error);\n}\n.textAreaWrapper_69bed583d9.disabled_f1f48c1d6f .textArea_e10f3fefed,\n.textAreaWrapper_69bed583d9.disabled_f1f48c1d6f .textArea_e10f3fefed:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_69bed583d9.disabled_f1f48c1d6f .helpText_076838e028 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_69bed583d9.readOnly_f1f48c1d6f .textArea_e10f3fefed,\n.textAreaWrapper_69bed583d9.readOnly_f1f48c1d6f .textArea_e10f3fefed: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_e8fc68f919",labelWrapper:"labelWrapper_05ce0e2283",subTextContainer:"subTextContainer_3fcd0361ed",counter:"counter_2950db03cc",disabled:"disabled_41dde80b65",icon:"icon_6c01c508a6",inputWrapper:"inputWrapper_6c01c508a6",input:"input_8985166275",iconContainer:"iconContainer_48c33e412b",iconContainerHasIcon:"iconContainerHasIcon_d67548c677",readOnly:"readOnly_f45dd0d192",inputHover:"inputHover_cc61ff46b4",inputActive:"inputActive_f766cb5bd6",inputHasIcon:"inputHasIcon_435515c692",round:"round_e7f041f138",square:"square_5827dbe957",onlyUnderline:"onlyUnderline_661a8b9682",tooltipContainer:"tooltipContainer_c3fa009ef2",wrapperSizeMedium:"wrapperSizeMedium_062674438a",wrapperSizeLarge:"wrapperSizeLarge_c5e96607da",iconContainerActive:"iconContainerActive_1efc827966",iconContainerClickable:"iconContainerClickable_0e7b5c3a43",inputErrorValidation:"inputErrorValidation_d67548c677",subTextContainerStatus:"subTextContainerStatus_35f1c9b6b8",inputSuccessValidation:"inputSuccessValidation_9fa5b3bdc0",wrapperSizeSmall:"wrapperSizeSmall_3b2502e00c",inputWrapperSizeSmall:"inputWrapperSizeSmall_2a3bc62851",loaderContainer:"loaderContainer_93cf597e4b",loaderContainerHasIcon:"loaderContainerHasIcon_76b34f5a68",loader:"loader_f7fc96fbf8",loaderSvg:"loaderSvg_eb580e2a0d"};!function(n){const e="s_id-bf094fee8204_3_0_0-alpha_7";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_e8fc68f919 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_e8fc68f919 * {\n  box-sizing: border-box;\n}\n\n.textField_e8fc68f919 .labelWrapper_05ce0e2283 {\n  width: 100%;\n}\n\n.textField_e8fc68f919 .subTextContainer_3fcd0361ed {\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_e8fc68f919 .subTextContainer_3fcd0361ed .counter_2950db03cc {\n  margin-left: auto;\n}\n\n.textField_e8fc68f919.disabled_41dde80b65 .icon_6c01c508a6 {\n  cursor: not-allowed;\n}\n\n.textField_e8fc68f919.disabled_41dde80b65 .inputWrapper_6c01c508a6 {\n  cursor: not-allowed;\n}\n\n.textField_e8fc68f919.disabled_41dde80b65 .inputWrapper_6c01c508a6 .input_8985166275 {\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_e8fc68f919.disabled_41dde80b65 .inputWrapper_6c01c508a6 .input_8985166275::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_e8fc68f919.disabled_41dde80b65 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerHasIcon_d67548c677:hover {\n  background-color: transparent;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275 {\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_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.readOnly_f45dd0d192 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.inputHover_cc61ff46b4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275:focus,\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275:active,\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.inputActive_f766cb5bd6 {\n  border-color: var(--primary-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.inputHasIcon_435515c692 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.round_e7f041f138 {\n  border-radius: 50px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.square_5827dbe957 {\n  border-radius: 0;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .input_8985166275.onlyUnderline_661a8b9682 {\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_e8fc68f919 .inputWrapper_6c01c508a6 .tooltipContainer_c3fa009ef2 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .tooltipContainer_c3fa009ef2 {\n  width: 40px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .tooltipContainer_c3fa009ef2 {\n  width: 46px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b {\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_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b {\n  -webkit-appearance: none;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerActive_1efc827966.iconContainerHasIcon_d67548c677.iconContainerClickable_0e7b5c3a43 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerActive_1efc827966.iconContainerHasIcon_d67548c677:not(.iconContainerClickable_0e7b5c3a43) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerActive_1efc827966 {\n  opacity: 1;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerActive_1efc827966 .icon_6c01c508a6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerHasIcon_d67548c677.iconContainerClickable_0e7b5c3a43:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b.iconContainerHasIcon_d67548c677.iconContainerClickable_0e7b5c3a43:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b .icon_6c01c508a6 {\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_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677:hover .input_8985166275 {\n  border-color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 .input_8985166275 {\n  border-color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 .input_8985166275:focus,\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 .input_8985166275:active {\n  border-color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 .iconContainer_48c33e412b .icon_6c01c508a6 {\n  color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 .iconContainer_48c33e412b .icon_6c01c508a6:hover {\n  color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputErrorValidation_d67548c677 + .subTextContainer_3fcd0361ed .subTextContainerStatus_35f1c9b6b8 {\n  color: var(--negative-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0:hover .input_8985166275 {\n  border-color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 .input_8985166275 {\n  border-color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 .input_8985166275:focus,\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 .input_8985166275:active {\n  border-color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 .iconContainer_48c33e412b .icon_6c01c508a6 {\n  color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 .iconContainer_48c33e412b .icon_6c01c508a6:hover {\n  color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.inputSuccessValidation_9fa5b3bdc0 + .subTextContainer_3fcd0361ed .subTextContainerStatus_35f1c9b6b8 {\n  color: var(--positive-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeSmall_3b2502e00c {\n  height: 32px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeSmall_3b2502e00c .input_8985166275 {\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_e8fc68f919 .inputWrapper_6c01c508a6.inputWrapperSizeSmall_2a3bc62851 .input_8985166275.inputHasIcon_435515c692.onlyUnderline_661a8b9682 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a {\n  height: 40px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .input_8985166275 {\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_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .input_8985166275.inputHasIcon_435515c692 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .input_8985166275.inputHasIcon_435515c692.onlyUnderline_661a8b9682 {\n  padding-left: 4px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .iconContainer_48c33e412b {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .iconContainer_48c33e412b .icon_6c01c508a6 {\n  font-size: 16px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .iconContainer_48c33e412b:hover + .iconContainer_48c33e412b + .input_8985166275 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da {\n  height: 48px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .input_8985166275 {\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_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .input_8985166275.inputHasIcon_435515c692 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .input_8985166275.inputHasIcon_435515c692.onlyUnderline_661a8b9682 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .iconContainer_48c33e412b {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .iconContainer_48c33e412b .icon_6c01c508a6 {\n  font-size: 16px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6:hover .input_8985166275 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .loaderContainer_93cf597e4b {\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_e8fc68f919 .inputWrapper_6c01c508a6 .loaderContainer_93cf597e4b.loaderContainerHasIcon_76b34f5a68 {\n  right: 32px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .loaderContainer_93cf597e4b .loader_f7fc96fbf8 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .loaderContainer_93cf597e4b .loader_f7fc96fbf8 .loaderSvg_eb580e2a0d {\n  color: var(--secondary-text-color);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6 .iconContainer_48c33e412b .icon_6c01c508a6 {\n  font-family: var(--font-family);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeMedium_062674438a .iconContainer_48c33e412b .icon_6c01c508a6 {\n  font-family: var(--font-family);\n}\n\n.textField_e8fc68f919 .inputWrapper_6c01c508a6.wrapperSizeLarge_c5e96607da .iconContainer_48c33e412b .icon_6c01c508a6 {\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_63d574bf90",labelWrapper:"labelWrapper_e3b62eee9f",subTextContainer:"subTextContainer_b060763e4e",counter:"counter_83cabb9440",disabled:"disabled_9b17337a4f",icon:"icon_4161b3f686",inputWrapper:"inputWrapper_4161b3f686",input:"input_405edf3964",iconContainer:"iconContainer_7c482daa49",iconContainerHasIcon:"iconContainerHasIcon_3032c22ffa",readOnly:"readOnly_f07c580a1b",inputHover:"inputHover_804fa53c90",inputActive:"inputActive_be1c8fb246",inputHasIcon:"inputHasIcon_28540eca5a",round:"round_b87a3729a9",square:"square_ad678b3d07",onlyUnderline:"onlyUnderline_22b6d29369",tooltipContainer:"tooltipContainer_7b29956d8d",wrapperSizeMedium:"wrapperSizeMedium_23a1f41397",wrapperSizeLarge:"wrapperSizeLarge_32f1abbf49",iconContainerActive:"iconContainerActive_28951dd0fd",iconContainerClickable:"iconContainerClickable_de0394b234",inputErrorValidation:"inputErrorValidation_3032c22ffa",subTextContainerStatus:"subTextContainerStatus_2191aeba34",inputSuccessValidation:"inputSuccessValidation_194167e2ea",wrapperSizeSmall:"wrapperSizeSmall_c794aabaf1",inputWrapperSizeSmall:"inputWrapperSizeSmall_eb9e2c95ca",loaderContainer:"loaderContainer_57c93a47d0",loaderContainerHasIcon:"loaderContainerHasIcon_adbb5c4f07",loader:"loader_b618e32957",loaderSvg:"loaderSvg_076838e028"};!function(n){const e="s_id-bf094fee8204_3_0_0-alpha_17";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_63d574bf90 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_63d574bf90 * {\n  box-sizing: border-box;\n}\n\n.textField_63d574bf90 .labelWrapper_e3b62eee9f {\n  width: 100%;\n}\n\n.textField_63d574bf90 .subTextContainer_b060763e4e {\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_63d574bf90 .subTextContainer_b060763e4e .counter_83cabb9440 {\n  margin-left: auto;\n}\n\n.textField_63d574bf90.disabled_9b17337a4f .icon_4161b3f686 {\n  cursor: not-allowed;\n}\n\n.textField_63d574bf90.disabled_9b17337a4f .inputWrapper_4161b3f686 {\n  cursor: not-allowed;\n}\n\n.textField_63d574bf90.disabled_9b17337a4f .inputWrapper_4161b3f686 .input_405edf3964 {\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_63d574bf90.disabled_9b17337a4f .inputWrapper_4161b3f686 .input_405edf3964::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_63d574bf90.disabled_9b17337a4f .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerHasIcon_3032c22ffa:hover {\n  background-color: transparent;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964 {\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_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.readOnly_f07c580a1b {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.inputHover_804fa53c90 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964:focus,\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964:active,\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.inputActive_be1c8fb246 {\n  border-color: var(--primary-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.inputHasIcon_28540eca5a {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.round_b87a3729a9 {\n  border-radius: 50px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.square_ad678b3d07 {\n  border-radius: 0;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .input_405edf3964.onlyUnderline_22b6d29369 {\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_63d574bf90 .inputWrapper_4161b3f686 .tooltipContainer_7b29956d8d {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .tooltipContainer_7b29956d8d {\n  width: 40px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .tooltipContainer_7b29956d8d {\n  width: 46px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49 {\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_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49 {\n  -webkit-appearance: none;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerActive_28951dd0fd.iconContainerHasIcon_3032c22ffa.iconContainerClickable_de0394b234 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerActive_28951dd0fd.iconContainerHasIcon_3032c22ffa:not(.iconContainerClickable_de0394b234) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerActive_28951dd0fd {\n  opacity: 1;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerActive_28951dd0fd .icon_4161b3f686 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerHasIcon_3032c22ffa.iconContainerClickable_de0394b234:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49.iconContainerHasIcon_3032c22ffa.iconContainerClickable_de0394b234:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49 .icon_4161b3f686 {\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_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa:hover .input_405edf3964 {\n  border-color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa .input_405edf3964 {\n  border-color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa .input_405edf3964:focus,\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa .input_405edf3964:active {\n  border-color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa .iconContainer_7c482daa49 .icon_4161b3f686 {\n  color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa .iconContainer_7c482daa49 .icon_4161b3f686:hover {\n  color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputErrorValidation_3032c22ffa + .subTextContainer_b060763e4e .subTextContainerStatus_2191aeba34 {\n  color: var(--negative-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea:hover .input_405edf3964 {\n  border-color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea .input_405edf3964 {\n  border-color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea .input_405edf3964:focus,\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea .input_405edf3964:active {\n  border-color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea .iconContainer_7c482daa49 .icon_4161b3f686 {\n  color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea .iconContainer_7c482daa49 .icon_4161b3f686:hover {\n  color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.inputSuccessValidation_194167e2ea + .subTextContainer_b060763e4e .subTextContainerStatus_2191aeba34 {\n  color: var(--positive-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeSmall_c794aabaf1 {\n  height: 32px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeSmall_c794aabaf1 .input_405edf3964 {\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_63d574bf90 .inputWrapper_4161b3f686.inputWrapperSizeSmall_eb9e2c95ca .input_405edf3964.inputHasIcon_28540eca5a.onlyUnderline_22b6d29369 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 {\n  height: 40px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .input_405edf3964 {\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_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .input_405edf3964.inputHasIcon_28540eca5a {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .input_405edf3964.inputHasIcon_28540eca5a.onlyUnderline_22b6d29369 {\n  padding-left: 4px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .iconContainer_7c482daa49 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .iconContainer_7c482daa49 .icon_4161b3f686 {\n  font-size: 16px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .iconContainer_7c482daa49:hover + .iconContainer_7c482daa49 + .input_405edf3964 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 {\n  height: 48px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .input_405edf3964 {\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_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .input_405edf3964.inputHasIcon_28540eca5a {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .input_405edf3964.inputHasIcon_28540eca5a.onlyUnderline_22b6d29369 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .iconContainer_7c482daa49 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .iconContainer_7c482daa49 .icon_4161b3f686 {\n  font-size: 16px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686:hover .input_405edf3964 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .loaderContainer_57c93a47d0 {\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_63d574bf90 .inputWrapper_4161b3f686 .loaderContainer_57c93a47d0.loaderContainerHasIcon_adbb5c4f07 {\n  right: 32px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .loaderContainer_57c93a47d0 .loader_b618e32957 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .loaderContainer_57c93a47d0 .loader_b618e32957 .loaderSvg_076838e028 {\n  color: var(--secondary-text-color);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686 .iconContainer_7c482daa49 .icon_4161b3f686 {\n  font-family: var(--font-family);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeMedium_23a1f41397 .iconContainer_7c482daa49 .icon_4161b3f686 {\n  font-family: var(--font-family);\n}\n\n.textField_63d574bf90 .inputWrapper_4161b3f686.wrapperSizeLarge_32f1abbf49 .iconContainer_7c482daa49 .icon_4161b3f686 {\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.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, ~~useLayoutEffect,~~ useMemo, useRef } from \"react\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /** Text to wrap /\n text?: string;\n highlightTerm?: string;\n /* Number of highlighted parts /\n limit?: number;\n ignoreCase?: boolean;\n /* Should use ellipsis /\n useEllipsis?: boolean;\n /* Allow highlight every word as a separate term /\n allowTermSplit?: boolean;\n linesToClamp?: number;\n /* Tooltip to show when there is no overflow /\n nonEllipsisTooltip?: string;\n /* HTML tag to wrap the selected text /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n wrappingElementClassName?: string;\n tooltipPosition?: TooltipPositions;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n tooltipPosition,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n ~~useLayoutEffect~~(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} position={tooltipPosition}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","tooltipPosition","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","~~useLayoutEffect~~","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","content","position"],"mappings":"~~8cAUA~~,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAsBMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBACAC,EAAef,EAAfe,gBAAeC,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBlB,EAAxBkB,yBACeC,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKtC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIuC,EAAyBtB,EA4DnBuB,QAAQ,sBAAuB,QA3DrCd,IACFa,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKf,EAAa,IAAM,IACxDsB,EAAS9C,EAAKyC,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtB/C,EAAM,EACDgD,EAAI,EAAOH,EAAOzC,OAAX4C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKpD,EAAY+C,EAAOG,GAAIhD,IADViD,KAAgBhC,GAAiB,EAARA,GAAmCA,EAAtB8B,GACJlB,EAAiBC,IACvEmB,GAAYF,GACjB,CAGH,OAAOD,CACT,GAAG,CAAC/C,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBI,EAAiBC,IAEvEqB,EAAgBC,EAAiB,CAAEvC,IAAKM,GAAea,IAE7DqB,~~GAAgB~~,~~WACVrB~~,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBnC,KAEnE,GAAE,CAACW,EAAcX,EAAc8B,IAEhC,IAAMM,EACJvD,EACEwD,cAAA,MAAA,CAAA7C,IAAKqB,EACL5B,UAAWC,EAAGC,EAAOmD,yBAA0BrD,EAASsD,KACrDpD,EAAOqD,aAAe1C,IAEzBL,GAAIA,EACS,cAAAiB,GAAc+B,EAAUC,EAAuBC,oBAAqBlD,IAEhFsB,GAIL,OAAIe,GAAiBzB,EAGjBxB,EAAAwD,cAACO,EAAO,CAACC,QAFYf,EAAgBpD,EAAO2B,EAEVyC,SAAUxC,GACzC8B,GAIAA,CACT"}
1	+ {"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /** Text to wrap /\n text?: string;\n highlightTerm?: string;\n /* Number of highlighted parts /\n limit?: number;\n ignoreCase?: boolean;\n /* Should use ellipsis /\n useEllipsis?: boolean;\n /* Allow highlight every word as a separate term /\n allowTermSplit?: boolean;\n linesToClamp?: number;\n /* Tooltip to show when there is no overflow /\n nonEllipsisTooltip?: string;\n /* HTML tag to wrap the selected text /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n wrappingElementClassName?: string;\n tooltipPosition?: TooltipPositions;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n tooltipPosition,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n useIsomorphicLayoutEffect(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} position={tooltipPosition}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","tooltipPosition","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","content","position"],"mappings":"qfAWA,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAsBMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBACAC,EAAef,EAAfe,gBAAeC,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBlB,EAAxBkB,yBACeC,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKtC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIuC,EAAyBtB,EA4DnBuB,QAAQ,sBAAuB,QA3DrCd,IACFa,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKf,EAAa,IAAM,IACxDsB,EAAS9C,EAAKyC,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtB/C,EAAM,EACDgD,EAAI,EAAOH,EAAOzC,OAAX4C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKpD,EAAY+C,EAAOG,GAAIhD,IADViD,KAAgBhC,GAAiB,EAARA,GAAmCA,EAAtB8B,GACJlB,EAAiBC,IACvEmB,GAAYF,GACjB,CAGH,OAAOD,CACT,GAAG,CAAC/C,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBI,EAAiBC,IAEvEqB,EAAgBC,EAAiB,CAAEvC,IAAKM,GAAea,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBnC,KAEnE,GAAE,CAACW,EAAcX,EAAc8B,IAEhC,IAAMM,EACJvD,EACEwD,cAAA,MAAA,CAAA7C,IAAKqB,EACL5B,UAAWC,EAAGC,EAAOmD,yBAA0BrD,EAASsD,KACrDpD,EAAOqD,aAAe1C,IAEzBL,GAAIA,EACS,cAAAiB,GAAc+B,EAAUC,EAAuBC,oBAAqBlD,IAEhFsB,GAIL,OAAIe,GAAiBzB,EAGjBxB,EAAAwD,cAACO,EAAO,CAACC,QAFYf,EAAgBpD,EAAO2B,EAEVyC,SAAUxC,GACzC8B,GAIAA,CACT"}

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_e6495d7e6f",highlightText:"highlightText_63533e5a3d",withEllipsis:"withEllipsis_52d694fa32"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_7";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_e6495d7e6f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_e6495d7e6f em.highlightText_63533e5a3d {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_e6495d7e6f.withEllipsis_52d694fa32 {\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_4a8633d0a6",highlightText:"highlightText_7c71d53967",withEllipsis:"withEllipsis_d7233859ae"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_4a8633d0a6 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_4a8633d0a6 em.highlightText_7c71d53967 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_4a8633d0a6.withEllipsis_d7233859ae {\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/ThemeProvider/ThemeProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as n,useLayoutEffect as i,useEffect as m}from"react";import{SystemTheme as s,ThemeColor as a}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as c,isAnySystemThemeClassNameOnBody as l,addSystemThemeClassNameToBody as d,removeSystemThemeClassNameFromBody as u,shouldGenerateTheme as p,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(s){var a=s.themeConfig,h=s.children,v=s.themeClassSpecifier,y=s.systemTheme,T=s.className,C=o(!1),g=e(C,2),j=g[0],P=g[1],x=n((function(){return v||c()}),[v]);return i((function(){if(y&&!l())return d(y),function(){u(y)}}),[y]),m((function(){if(p(a)){if(!document.getElementById(a.name)){var e=document.createElement("style");e.type="text/css",e.id=a.name;var r=f(a,x);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[x,a]),!j&&p(a)?null:t.createElement("div",{className:r(null==a?void 0:a.name,x,T)},h)}),{systemThemes:s,colors:a});export{v as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as s,useEffect as m}from"react";import{SystemTheme as i,ThemeColor as n}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as a,isAnySystemThemeClassNameOnBody as c,addSystemThemeClassNameToBody as l,removeSystemThemeClassNameFromBody as d,shouldGenerateTheme as u,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import p from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(i){var n=i.themeConfig,h=i.children,v=i.themeClassSpecifier,y=i.systemTheme,T=i.className,j=o(!1),C=e(j,2),g=C[0],P=C[1],E=s((function(){return v||a()}),[v]);return p((function(){if(y&&!c())return l(y),function(){d(y)}}),[y]),m((function(){if(u(n)){if(!document.getElementById(n.name)){var e=document.createElement("style");e.type="text/css",e.id=n.name;var r=f(n,E);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[E,n]),!g&&u(n)?null:t.createElement("div",{className:r(null==n?void 0:n.name,E,T)},h)}),{systemThemes:i,colors:n});export{v as default};
 //# sourceMappingURL=ThemeProvider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect, ~~useLayoutEffect,~~ useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport { withStaticProps } from \"../../types\";\n\nexport interface ThemeProviderProps {\n /*\n The theme config to apply, consists of a \"name\" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to render with the theme\n /\n children: ReactElement;\n /\n String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the body element on mount, if there is no theme class name on the body element already\n /\n systemTheme?: SystemTheme;\n /\n ClassName to add to the wrapping div\n */\n className?: string;\n}\n\nconst ThemeProvider: FC<ThemeProviderProps> & {\n systemThemes?: typeof SystemThemeEnum;\n colors?: typeof ThemeColorEnum;\n} = ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n ~~useLayoutEffect~~(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default withStaticProps(ThemeProvider, {\n systemThemes: SystemThemeEnum,\n colors: ThemeColorEnum\n});\n"],"names":["withStaticProps","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","~~useLayoutEffect~~","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"~~2lBAqCA~~,IAiEeA,EAAAA,GA9DX,SAHeC,GAGuF,IAAnGC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAA+BC,EAAyBH,EAA9CI,oBAAgDC,EAAWL,EAAXK,YAAaC,EAASN,EAATM,UACzFC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,~~GAAgB~~,~~WACd~~,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAE8C,CAC5CoC,aAAcC,EACdC,OAAQC"}
1	+ {"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { withStaticProps } from \"../../types\";\n\nexport interface ThemeProviderProps {\n /*\n The theme config to apply, consists of a \"name\" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to render with the theme\n /\n children: ReactElement;\n /\n String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the body element on mount, if there is no theme class name on the body element already\n /\n systemTheme?: SystemTheme;\n /\n ClassName to add to the wrapping div\n */\n className?: string;\n}\n\nconst ThemeProvider: FC<ThemeProviderProps> & {\n systemThemes?: typeof SystemThemeEnum;\n colors?: typeof ThemeColorEnum;\n} = ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default withStaticProps(ThemeProvider, {\n systemThemes: SystemThemeEnum,\n colors: ThemeColorEnum\n});\n"],"names":["withStaticProps","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"koBAsCA,IAiEeA,EAAAA,GA9DX,SAHeC,GAGuF,IAAnGC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAA+BC,EAAyBH,EAA9CI,oBAAgDC,EAAWL,EAAXK,YAAaC,EAASN,EAATM,UACzFC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAE8C,CAC5CoC,aAAcC,EACdC,OAAQC"}

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_3312765300",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_c5ec0684ed",floating:"floating_b3625ab841",tipseenHeader:"tipseenHeader_7cbb78e46d",tipseenTitle:"tipseenTitle_e110369402",tipseenContent:"tipseenContent_bbcfe7750f",tipseenCloseButton:"tipseenCloseButton_0628b5e230",dark:"dark_45b1934ed1"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_7";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_3312765300 {\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_c5ec0684ed {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_3312765300.floating_b3625ab841 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_3312765300 .tipseenHeader_7cbb78e46d {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_3312765300 .tipseenTitle_e110369402 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_3312765300 .tipseenContent_bbcfe7750f {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_3312765300 .tipseenCloseButton_0628b5e230 {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_3312765300 .tipseenCloseButton_0628b5e230.dark_45b1934ed1 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_a15b38591e",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_b5724d8b62",floating:"floating_d25dfafebf",tipseenHeader:"tipseenHeader_54f362b824",tipseenTitle:"tipseenTitle_81b1047379",tipseenContent:"tipseenContent_299dc8c9a5",tipseenCloseButton:"tipseenCloseButton_99bad4d5aa",dark:"dark_f6003dfc04"};!function(e){const t="s_id-33da00d2ba25_3_0_0-alpha_17";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_a15b38591e {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_a15b38591e.tipseenWrapperWithoutCustomWidth_b5724d8b62 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_a15b38591e.floating_d25dfafebf {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_a15b38591e .tipseenHeader_54f362b824 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_a15b38591e .tipseenTitle_81b1047379 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_a15b38591e .tipseenContent_299dc8c9a5 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_a15b38591e .tipseenCloseButton_99bad4d5aa {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_a15b38591e .tipseenCloseButton_99bad4d5aa.dark_f6003dfc04 {\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_750614748e"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_7";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_750614748e {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_750614748e:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_1fb6a6e7c8"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_17";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_1fb6a6e7c8 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_1fb6a6e7c8: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_513b7cfacc",dismiss:"dismiss_a0bb43f523"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_513b7cfacc {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_a0bb43f523 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_be87fd2a26",dismiss:"dismiss_1b59a1dd24"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_17";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_be87fd2a26 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_1b59a1dd24 {\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_1b24935f09"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_7";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_1b24935f09 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_feb3b14ab4"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_feb3b14ab4 {\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_4ac50f12a2",colorInverted:"colorInverted_4bf87964c9"};!function(e){const n="s_id-71e151b2b729_3_0_0-alpha_7";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_4ac50f12a2 {\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_4bf87964c9 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_b408358400",colorInverted:"colorInverted_ee79707c97"};!function(e){const n="s_id-71e151b2b729_3_0_0-alpha_17";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_b408358400 {\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_ee79707c97 {\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_21eccce34b"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_7";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_21eccce34b {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_52fecb37e0"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_17";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_52fecb37e0 {\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_28ea60c3e0",tipseenWizardWizard:"tipseenWizardWizard_05ce0e2283"};!function(e){const i="s_id-98eba0c83d1f_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_28ea60c3e0 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_05ce0e2283 {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_2b5938e17f",tipseenWizardWizard:"tipseenWizardWizard_e3b62eee9f"};!function(e){const i="s_id-98eba0c83d1f_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_2b5938e17f {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_e3b62eee9f {\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":"6iEA6CA,IAyJeA,EAAAA,GAzJ4F,SAAhGC,GAgBM,IAAAC,EAAAD,EAffE,KAAAA,OAAO,IAAHD,GAAQA,EAAAE,EAAAH,EACZI,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAL,EACfM,iBAAAA,OAAmB,IAAHD,EAAG,KAAIA,EAAAE,EAAAP,EACvBQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAIT,EAAJS,KAAIC,EAAAV,EACJW,SAAAA,OAAW,IAAHD,GAAQA,EACRE,EAAgBZ,EAAxBa,OACAC,EAAOd,EAAPc,QACAC,EAAQf,EAARe,SAAQC,EAAAhB,EACRiB,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAlB,EAChBmB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAASrB,EAATqB,UACAC,EAAEtB,EAAFsB,GAAEC,EAAAvB,EACFwB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EACfE,EAAUzB,EAAzB,eAEM0B,EAAMC,EAAO,MACbC,EAAcC,EAAYf,aAAO,EAAPA,EAASgB,QACnCC,EAAaC,GAAQ,WACzB,OAAOlB,EACHA,EACGmB,QAAO,SAAApB,GAAM,MAAoB,SAAhBA,EAAOL,IAAe,IACvC0B,KAAI,SAACC,GAAkBC,IAAAA,EAAUC,EAAAF,EAA5B,UAAmC,OACvCG,EAACC,cAAAC,iBAAUC,IAAKL,EAAWM,KAAMrB,UAAWsB,EAAOC,YAAgBR,GACpE,IACH,IACN,GAAG,CAACtB,IAEE+B,EAA6Bb,GAAQ,WACzC,YAAuBc,IAAhBlB,IAA6Bd,aAAO,EAAPA,EAASgB,UAAWF,CAC1D,GAAG,CAACd,EAASc,IAEPmB,EAAqCf,GAAQ,WACjD,OAAOlB,EACHA,EACGmB,QAAO,SAAApB,GAAM,MAAoB,WAAhBA,EAAOL,IAAiB,IACzC0B,KAAI,SAACC,EAAyCa,OAA1BC,IAAAA,QAAYb,EAA3BC,EAAAF,EAAA,CAAA,OAAA,YAAmD,OACvDG,EAAAC,cAACW,EAAWC,OAAAC,OAAA,CACVX,IAAGY,gBAAAA,OAAkBL,GACrB3B,UAAWiC,EAAGX,EAAOY,aAAYC,EAAA,CAAA,EAAKb,EAAOc,eAAiBZ,KAC1DT,GAEHa,EAEJ,IACH,IACN,GAAG,CAACnC,EAAS+B,IAEPa,EAAa1B,GACjB,WAAA,OAAMsB,EAAGX,EAAOgB,MAAOC,EAASjB,EAAQkB,EAAU,QAAUrD,IAAQa,EAAU,GAC9E,CAACb,EAAMa,IAGHyC,GAAcC,GAAY,WAC1B5C,GACFA,GAEJ,GAAG,CAACA,IAGE6C,GAAgBrC,IAChBsC,GAAmBF,GACvB,SAACG,GACM/C,GAAuB,MAAZ+C,IAIhBC,aAAaH,GAAcI,SAC3BJ,GAAcI,QAAUC,YAAW,WACjCP,IACD,GAAEI,GACL,GACA,CAACJ,GAAa3C,IAGhBmD,GAAU,WAKR,OAJIpE,GAAQI,EAAmB,GAC7B2D,GAAiB3D,GAGZ,WACL6D,aAAaH,GAAcI,SAE9B,GAAE,CAAClE,EAAMI,EAAkB2D,KAE5B,IAAMM,IAAe5D,GAAY6D,EAAQhE,EAAMC,GAGzCgE,GAA0BV,GAAY,SAACW,GAC3C,IAAMC,EAAYD,EAAQE,MAAMC,MAChCH,EAAQE,MAAMC,MAAQ,OACtB,IAAMC,EAAWC,iBAAiBL,GAASG,MAC3CH,EAAQE,MAAMC,MAAQF,EAEtBD,EAAQE,MAAMC,MAAQC,CACvB,GAAE,IAQH,OANAR,GAAU,WACJ5C,EAAI0C,SACNK,GAAwB/C,EAAI0C,QAEhC,GAAG,CAACrD,EAAU0D,KAGZnC,EAAAC,cAACyC,EAAa,CACZC,GAAI/E,EACJwD,WAAY,CAAEwB,YAAavC,EAAOuC,YAAaC,WAAYxC,EAAOwC,YAClEC,QAAS,IACTC,eAAa,GAEb/C,EAAAC,cAAC+C,EACC,CAAAhE,GAAIA,EAAE,cACOG,GAAc8D,EAAUC,EAAuBC,MAAOnE,GACnEd,KAAK,QACLkE,QAAQ,MACRgB,MAAM,aACNrE,UAAWqC,EACXiC,KAAK,QAAO,YACF,SACVjE,IAAKA,GAEJ6C,IAAejC,EAAAC,cAAA,MAAA,CAAKlB,UAAWiC,EAAGX,EAAOlC,OAAQ8D,IAClDjC,EAAAC,cAACqD,EAAI,CAACC,MAAM,SAASC,IAAI,QAAQzE,UAAWsB,EAAOM,SACjDX,EAAAC,cAACqD,EACC,CAAAE,IAAI,uBACSP,EAAUC,EAAuBO,eAC9C1E,UAAWsB,EAAOqD,aAElB1D,EAAAC,cAAA,OAAA,KAAOxB,GACNgB,IAEDgB,GAAgBnC,KAAsBmC,GAAgBnC,GACvDR,GAAWkC,gBAAC2D,EAAM,CAACC,KAAK,QAE1BjF,GACCqB,EAACC,cAAA4D,GACC9E,UAAWiC,EAAGX,EAAOyD,aACrBC,QAASvC,GACToC,KAAK,QACLI,KAAK,WACLZ,MAAM,cACNa,UAAW/E,EACE,cAAA+D,EAAUC,EAAuBgB,oBAC9C/F,KAAMgG,EACNC,kBAMZ,GAEsC,CACpCC,MAAOC,EACPC,YAAaC"}
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_a8239d0546",typeNormal:"typeNormal_071a089af2",typePositive:"typePositive_d2e2dfe906",typeNegative:"typeNegative_ece82d033c",typeWarning:"typeWarning_1946b4fd22",closeButton:"closeButton_c2a49525fc",actionButton:"actionButton_45b60fe457",actionLink:"actionLink_52a603d7c2",typeDark:"typeDark_bfb2f2473d",icon:"icon_705e236ed8",withTransition:"withTransition_d72320e4fa",bounceIn:"bounceIn_404ada3a6d",content:"content_10d8c757bd",textContent:"textContent_5d1897cfa6",enterActive:"enterActive_f1156d8da4",slideIn:"slideIn_266a4c9a65",exitActive:"exitActive_058058587c",slideOut:"slideOut_ad405e248f"};!function(n){const t="s_id-72c9912c1efa_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_a8239d0546 {\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_a8239d0546.typeNormal_071a089af2 {\n  background-color: var(--primary-color);\n}\n.toast_a8239d0546.typePositive_d2e2dfe906 {\n  background-color: var(--positive-color);\n}\n.toast_a8239d0546.typeNegative_ece82d033c {\n  background-color: var(--negative-color);\n}\n.toast_a8239d0546.typeWarning_1946b4fd22 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_a8239d0546.typeWarning_1946b4fd22 .closeButton_c2a49525fc {\n  color: var(--fixed-dark-color);\n}\n.toast_a8239d0546.typeWarning_1946b4fd22 .actionButton_45b60fe457,\n.toast_a8239d0546.typeWarning_1946b4fd22 .actionLink_52a603d7c2 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_a8239d0546.typeDark_bfb2f2473d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_a8239d0546.typeDark_bfb2f2473d .closeButton_c2a49525fc {\n  color: var(--text-color-on-inverted);\n}\n.toast_a8239d0546.typeDark_bfb2f2473d .actionButton_45b60fe457,\n.toast_a8239d0546.typeDark_bfb2f2473d .actionLink_52a603d7c2 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_705e236ed8 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_45b60fe457.withTransition_d72320e4fa {\n  opacity: 0;\n  animation: bounceIn_404ada3a6d 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_10d8c757bd {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_5d1897cfa6 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_f1156d8da4 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_266a4c9a65;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_058058587c {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_ad405e248f;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_c2a49525fc {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_266a4c9a65 {\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_ad405e248f {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_404ada3a6d {\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_4f2480e42a",typeNormal:"typeNormal_aff14c6a74",typePositive:"typePositive_87616cd3cb",typeNegative:"typeNegative_e45bc9cade",typeWarning:"typeWarning_e95569650b",closeButton:"closeButton_058538d87c",actionButton:"actionButton_1e0050c52d",actionLink:"actionLink_786818f809",typeDark:"typeDark_2d50c97e23",icon:"icon_def980b35c",withTransition:"withTransition_75e95475bf",bounceIn:"bounceIn_0cd548bf1d",content:"content_255305cad0",textContent:"textContent_8aef11ce43",enterActive:"enterActive_78df6d9f20",slideIn:"slideIn_67680be5df",exitActive:"exitActive_daa788d5d4",slideOut:"slideOut_81075451ae"};!function(n){const t="s_id-72c9912c1efa_3_0_0-alpha_17";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_4f2480e42a {\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_4f2480e42a.typeNormal_aff14c6a74 {\n  background-color: var(--primary-color);\n}\n.toast_4f2480e42a.typePositive_87616cd3cb {\n  background-color: var(--positive-color);\n}\n.toast_4f2480e42a.typeNegative_e45bc9cade {\n  background-color: var(--negative-color);\n}\n.toast_4f2480e42a.typeWarning_e95569650b {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_4f2480e42a.typeWarning_e95569650b .closeButton_058538d87c {\n  color: var(--fixed-dark-color);\n}\n.toast_4f2480e42a.typeWarning_e95569650b .actionButton_1e0050c52d,\n.toast_4f2480e42a.typeWarning_e95569650b .actionLink_786818f809 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_4f2480e42a.typeDark_2d50c97e23 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_4f2480e42a.typeDark_2d50c97e23 .closeButton_058538d87c {\n  color: var(--text-color-on-inverted);\n}\n.toast_4f2480e42a.typeDark_2d50c97e23 .actionButton_1e0050c52d,\n.toast_4f2480e42a.typeDark_2d50c97e23 .actionLink_786818f809 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_def980b35c {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_1e0050c52d.withTransition_75e95475bf {\n  opacity: 0;\n  animation: bounceIn_0cd548bf1d 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_255305cad0 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_8aef11ce43 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_78df6d9f20 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_67680be5df;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_daa788d5d4 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_81075451ae;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_058538d87c {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_67680be5df {\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_81075451ae {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_0cd548bf1d {\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