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

@vibe/core 3.0.0-alpha.8 → 3.0.0-alpha.9

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

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_18152c86d4",label:"label_fecb0587cb",required:"required_b837f07d2c",helpText:"helpText_220ab7506f",textArea:"textArea_539164f424",small:"small_10570cf051",large:"large_88027ff10b",resize:"resize_2b781c2f24",success:"success_7601df7a32",error:"error_c2cf34434e",disabled:"disabled_b837f07d2c",readOnly:"readOnly_b837f07d2c"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_8";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_18152c86d4 {\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_18152c86d4 .label_fecb0587cb {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_18152c86d4 .label_fecb0587cb.required_b837f07d2c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_18152c86d4 .helpText_220ab7506f {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_18152c86d4 .textArea_539164f424 {\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_18152c86d4 .textArea_539164f424:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_18152c86d4 .textArea_539164f424:active, .textAreaWrapper_18152c86d4 .textArea_539164f424:focus, .textAreaWrapper_18152c86d4 .textArea_539164f424:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_18152c86d4 .textArea_539164f424.small_10570cf051 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_18152c86d4 .textArea_539164f424.large_88027ff10b {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_18152c86d4 .textArea_539164f424:not(.resize_2b781c2f24) {\n  resize: none;\n}\n.textAreaWrapper_18152c86d4.success_7601df7a32 .textArea_539164f424 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_18152c86d4.success_7601df7a32 .helpText_220ab7506f {\n  color: var(--color-success);\n}\n.textAreaWrapper_18152c86d4.error_c2cf34434e .textArea_539164f424 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_18152c86d4.error_c2cf34434e .helpText_220ab7506f {\n  color: var(--color-error);\n}\n.textAreaWrapper_18152c86d4.disabled_b837f07d2c .textArea_539164f424,\n.textAreaWrapper_18152c86d4.disabled_b837f07d2c .textArea_539164f424:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_18152c86d4.disabled_b837f07d2c .helpText_220ab7506f {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_18152c86d4.readOnly_b837f07d2c .textArea_539164f424,\n.textAreaWrapper_18152c86d4.readOnly_b837f07d2c .textArea_539164f424: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_4a1d71b380",labelWrapper:"labelWrapper_9445810603",subTextContainer:"subTextContainer_3cd1c6d8af",counter:"counter_d51904ef5d",disabled:"disabled_869c85c01b",icon:"icon_d88d1e9acc",inputWrapper:"inputWrapper_d88d1e9acc",input:"input_eebaf1ba2d",iconContainer:"iconContainer_af399182b7",iconContainerHasIcon:"iconContainerHasIcon_057c56ba4e",readOnly:"readOnly_885e20e24b",inputHover:"inputHover_0acc3670d0",inputActive:"inputActive_4bbbbf0e1f",inputHasIcon:"inputHasIcon_6cbbfbab54",round:"round_5d3ff50747",square:"square_fea1628be7",onlyUnderline:"onlyUnderline_7ec160d648",tooltipContainer:"tooltipContainer_10c0f402c8",wrapperSizeMedium:"wrapperSizeMedium_67096b7de3",wrapperSizeLarge:"wrapperSizeLarge_a0202ef1fa",iconContainerActive:"iconContainerActive_69b0082a5f",iconContainerClickable:"iconContainerClickable_35f53542e2",inputErrorValidation:"inputErrorValidation_057c56ba4e",subTextContainerStatus:"subTextContainerStatus_c5447069b5",inputSuccessValidation:"inputSuccessValidation_87bf7c06ce",wrapperSizeSmall:"wrapperSizeSmall_06be209170",inputWrapperSizeSmall:"inputWrapperSizeSmall_fbd33d5b1e",loaderContainer:"loaderContainer_77b67014fa",loaderContainerHasIcon:"loaderContainerHasIcon_5c4dbef631",loader:"loader_33dd85a37a",loaderSvg:"loaderSvg_220ab7506f"};!function(n){const e="s_id-bf094fee8204_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_4a1d71b380 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_4a1d71b380 * {\n  box-sizing: border-box;\n}\n\n.textField_4a1d71b380 .labelWrapper_9445810603 {\n  width: 100%;\n}\n\n.textField_4a1d71b380 .subTextContainer_3cd1c6d8af {\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_4a1d71b380 .subTextContainer_3cd1c6d8af .counter_d51904ef5d {\n  margin-left: auto;\n}\n\n.textField_4a1d71b380.disabled_869c85c01b .icon_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.textField_4a1d71b380.disabled_869c85c01b .inputWrapper_d88d1e9acc {\n  cursor: not-allowed;\n}\n\n.textField_4a1d71b380.disabled_869c85c01b .inputWrapper_d88d1e9acc .input_eebaf1ba2d {\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_4a1d71b380.disabled_869c85c01b .inputWrapper_d88d1e9acc .input_eebaf1ba2d::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_4a1d71b380.disabled_869c85c01b .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerHasIcon_057c56ba4e:hover {\n  background-color: transparent;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc {\n  width: 100%;\n  position: relative;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d {\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_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.readOnly_885e20e24b {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.inputHover_0acc3670d0 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d:focus,\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d:active,\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.inputActive_4bbbbf0e1f {\n  border-color: var(--primary-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.inputHasIcon_6cbbfbab54 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.round_5d3ff50747 {\n  border-radius: 50px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.square_fea1628be7 {\n  border-radius: 0;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .input_eebaf1ba2d.onlyUnderline_7ec160d648 {\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_4a1d71b380 .inputWrapper_d88d1e9acc .tooltipContainer_10c0f402c8 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .tooltipContainer_10c0f402c8 {\n  width: 40px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .tooltipContainer_10c0f402c8 {\n  width: 46px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7 {\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_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7 {\n  -webkit-appearance: none;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerActive_69b0082a5f.iconContainerHasIcon_057c56ba4e.iconContainerClickable_35f53542e2 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerActive_69b0082a5f.iconContainerHasIcon_057c56ba4e:not(.iconContainerClickable_35f53542e2) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerActive_69b0082a5f {\n  opacity: 1;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerActive_69b0082a5f .icon_d88d1e9acc {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerHasIcon_057c56ba4e.iconContainerClickable_35f53542e2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7.iconContainerHasIcon_057c56ba4e.iconContainerClickable_35f53542e2:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7 .icon_d88d1e9acc {\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_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e:hover .input_eebaf1ba2d {\n  border-color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e .input_eebaf1ba2d {\n  border-color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e .input_eebaf1ba2d:focus,\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e .input_eebaf1ba2d:active {\n  border-color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e .iconContainer_af399182b7 .icon_d88d1e9acc {\n  color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e .iconContainer_af399182b7 .icon_d88d1e9acc:hover {\n  color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputErrorValidation_057c56ba4e + .subTextContainer_3cd1c6d8af .subTextContainerStatus_c5447069b5 {\n  color: var(--negative-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce:hover .input_eebaf1ba2d {\n  border-color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce .input_eebaf1ba2d {\n  border-color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce .input_eebaf1ba2d:focus,\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce .input_eebaf1ba2d:active {\n  border-color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce .iconContainer_af399182b7 .icon_d88d1e9acc {\n  color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce .iconContainer_af399182b7 .icon_d88d1e9acc:hover {\n  color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.inputSuccessValidation_87bf7c06ce + .subTextContainer_3cd1c6d8af .subTextContainerStatus_c5447069b5 {\n  color: var(--positive-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeSmall_06be209170 {\n  height: 32px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeSmall_06be209170 .input_eebaf1ba2d {\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_4a1d71b380 .inputWrapper_d88d1e9acc.inputWrapperSizeSmall_fbd33d5b1e .input_eebaf1ba2d.inputHasIcon_6cbbfbab54.onlyUnderline_7ec160d648 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 {\n  height: 40px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .input_eebaf1ba2d {\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_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .input_eebaf1ba2d.inputHasIcon_6cbbfbab54 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .input_eebaf1ba2d.inputHasIcon_6cbbfbab54.onlyUnderline_7ec160d648 {\n  padding-left: 4px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .iconContainer_af399182b7 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .iconContainer_af399182b7 .icon_d88d1e9acc {\n  font-size: 16px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .iconContainer_af399182b7:hover + .iconContainer_af399182b7 + .input_eebaf1ba2d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa {\n  height: 48px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .input_eebaf1ba2d {\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_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .input_eebaf1ba2d.inputHasIcon_6cbbfbab54 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .input_eebaf1ba2d.inputHasIcon_6cbbfbab54.onlyUnderline_7ec160d648 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .iconContainer_af399182b7 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .iconContainer_af399182b7 .icon_d88d1e9acc {\n  font-size: 16px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc:hover .input_eebaf1ba2d {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .loaderContainer_77b67014fa {\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_4a1d71b380 .inputWrapper_d88d1e9acc .loaderContainer_77b67014fa.loaderContainerHasIcon_5c4dbef631 {\n  right: 32px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .loaderContainer_77b67014fa .loader_33dd85a37a {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .loaderContainer_77b67014fa .loader_33dd85a37a .loaderSvg_220ab7506f {\n  color: var(--secondary-text-color);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc .iconContainer_af399182b7 .icon_d88d1e9acc {\n  font-family: var(--font-family);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeMedium_67096b7de3 .iconContainer_af399182b7 .icon_d88d1e9acc {\n  font-family: var(--font-family);\n}\n\n.textField_4a1d71b380 .inputWrapper_d88d1e9acc.wrapperSizeLarge_a0202ef1fa .iconContainer_af399182b7 .icon_d88d1e9acc {\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_1e9e0f6f77",highlightText:"highlightText_34edb214f1",withEllipsis:"withEllipsis_29693ddb4d"};!function(e){const t="s_id-42c1fd2afe36_3_0_0-alpha_8";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_1e9e0f6f77 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_1e9e0f6f77 em.highlightText_34edb214f1 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_1e9e0f6f77.withEllipsis_29693ddb4d {\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.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_6248b217e2",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_1e198a2707",floating:"floating_df845e5046",tipseenHeader:"tipseenHeader_e7be0f50d3",tipseenTitle:"tipseenTitle_90783f602d",tipseenContent:"tipseenContent_a90c93e52f",tipseenCloseButton:"tipseenCloseButton_bce5d59e3e",dark:"dark_a5f446623e"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_8";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_6248b217e2 {\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_1e198a2707 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_6248b217e2.floating_df845e5046 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_6248b217e2 .tipseenHeader_e7be0f50d3 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_6248b217e2 .tipseenTitle_90783f602d {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_6248b217e2 .tipseenContent_a90c93e52f {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_6248b217e2 .tipseenCloseButton_bce5d59e3e {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_6248b217e2 .tipseenCloseButton_bce5d59e3e.dark_a5f446623e {\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_8b49f2a74b"};!function(e){const n="s_id-e688002d63b5_3_0_0-alpha_8";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_8b49f2a74b {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_8b49f2a74b: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_2b771ace2b",dismiss:"dismiss_ee089cb006"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_8";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_2b771ace2b {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_ee089cb006 {\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_dc8af63607"};!function(e){const t="s_id-5a749fe7aaee_3_0_0-alpha_8";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_dc8af63607 {\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_d1d8efa859",colorInverted:"colorInverted_46fec221b8"};!function(e){const d="s_id-71e151b2b729_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_d1d8efa859 {\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_46fec221b8 {\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_b7e97440a5"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0-alpha_8";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_b7e97440a5 {\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_3dc0a39688",tipseenWizardWizard:"tipseenWizardWizard_9445810603"};!function(e){const d="s_id-98eba0c83d1f_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_3dc0a39688 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_9445810603 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_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_d7b80c77d2",typeNormal:"typeNormal_de97afdda7",typePositive:"typePositive_ac4d7f9c70",typeNegative:"typeNegative_b78d395007",typeWarning:"typeWarning_fcaea605ae",closeButton:"closeButton_00d0bcfcc6",actionButton:"actionButton_a98af5fda9",actionLink:"actionLink_02b6f698a7",typeDark:"typeDark_e97481a25f",icon:"icon_4b3b277d2e",withTransition:"withTransition_f310e9379c",bounceIn:"bounceIn_24b9902a0f",content:"content_4e3e5a3965",textContent:"textContent_3022800198",enterActive:"enterActive_0d1dc37478",slideIn:"slideIn_0cf4ad9e29",exitActive:"exitActive_dbbb2212bf",slideOut:"slideOut_e9adae047f"};!function(n){const a="s_id-72c9912c1efa_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const e=document.createElement("style");e.id=a,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".toast_d7b80c77d2 {\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_d7b80c77d2.typeNormal_de97afdda7 {\n  background-color: var(--primary-color);\n}\n.toast_d7b80c77d2.typePositive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n.toast_d7b80c77d2.typeNegative_b78d395007 {\n  background-color: var(--negative-color);\n}\n.toast_d7b80c77d2.typeWarning_fcaea605ae {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_d7b80c77d2.typeWarning_fcaea605ae .closeButton_00d0bcfcc6 {\n  color: var(--fixed-dark-color);\n}\n.toast_d7b80c77d2.typeWarning_fcaea605ae .actionButton_a98af5fda9,\n.toast_d7b80c77d2.typeWarning_fcaea605ae .actionLink_02b6f698a7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_d7b80c77d2.typeDark_e97481a25f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_d7b80c77d2.typeDark_e97481a25f .closeButton_00d0bcfcc6 {\n  color: var(--text-color-on-inverted);\n}\n.toast_d7b80c77d2.typeDark_e97481a25f .actionButton_a98af5fda9,\n.toast_d7b80c77d2.typeDark_e97481a25f .actionLink_02b6f698a7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_4b3b277d2e {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_a98af5fda9.withTransition_f310e9379c {\n  opacity: 0;\n  animation: bounceIn_24b9902a0f 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_4e3e5a3965 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_3022800198 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_0d1dc37478 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_0cf4ad9e29;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_dbbb2212bf {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_e9adae047f;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_00d0bcfcc6 {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_0cf4ad9e29 {\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_e9adae047f {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_24b9902a0f {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_a167a432e7","focus-visible":"focus-visible_717883ebe5",wrapper:"wrapper_4efff175cb"};!function(e){const n="s_id-4fb1f14d4bb9_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)}(".toggleInput_a167a432e7:focus-visible ~ div, .toggleInput_a167a432e7.focus-visible_717883ebe5 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_4efff175cb {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_1aae1d9d68","focus-visible":"focus-visible_44265f8afb",wrapper:"wrapper_87af115918"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_1aae1d9d68:focus-visible ~ div, .toggleInput_1aae1d9d68.focus-visible_44265f8afb ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_87af115918 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={text:"text_dee6d63e29",disabled:"disabled_b2407f2317"};!function(e){const t="s_id-1dee71639eb3_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)}(".text_dee6d63e29 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_b2407f2317 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_0008b89c01",disabled:"disabled_53ced64961"};!function(e){const t="s_id-1dee71639eb3_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_0008b89c01 {\n  color: var(--primary-text-color);\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n}\n\n.disabled_53ced64961 {\n  color: var(--disabled-text-color);\n}");export{e as default};
 //# sourceMappingURL=ToggleText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={tooltip:"tooltip_fc61a21aa4",image:"image_7bcd5fcc22",title:"title_26f6d7e581",content:"content_80b0f114bd",paddingSizeMd:"paddingSizeMd_510c8346ea",tooltipWhiteLink:"tooltipWhiteLink_23c284530c",arrow:"arrow_c7724437b4",dark:"dark_bfb2f2473d",primary:"primary_11b1f5d1e7"};!function(o){const a="s_id-a3b5adff1ad8_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=o)}(".tooltip_fc61a21aa4 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_fc61a21aa4 .image_7bcd5fcc22 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_fc61a21aa4 .title_26f6d7e581 {\n  font: var(--font-text2-bold);\n}\n.tooltip_fc61a21aa4 .content_80b0f114bd {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_fc61a21aa4.paddingSizeMd_510c8346ea {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_fc61a21aa4 a.tooltipWhiteLink_23c284530c {\n  color: #fff;\n}\n.arrow_c7724437b4,\n.dark_bfb2f2473d,\n.arrow_c7724437b4.dark_bfb2f2473d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_11b1f5d1e7,\n.arrow_c7724437b4.primary_11b1f5d1e7 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
+var a={tooltip:"tooltip_5337d3b394",image:"image_ac08fc8af0",title:"title_1aa1473f06",content:"content_a29aeb77e7",paddingSizeMd:"paddingSizeMd_41c9881895",tooltipWhiteLink:"tooltipWhiteLink_d246bc402f",arrow:"arrow_9e03acbe7f",dark:"dark_e97481a25f",primary:"primary_15ca3ba27a"};!function(a){const o="s_id-a3b5adff1ad8_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=a)}(".tooltip_5337d3b394 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_5337d3b394 .image_ac08fc8af0 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_5337d3b394 .title_1aa1473f06 {\n  font: var(--font-text2-bold);\n}\n.tooltip_5337d3b394 .content_a29aeb77e7 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_5337d3b394.paddingSizeMd_41c9881895 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_5337d3b394 a.tooltipWhiteLink_d246bc402f {\n  color: #fff;\n}\n.arrow_9e03acbe7f,\n.dark_e97481a25f,\n.arrow_9e03acbe7f.dark_e97481a25f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_15ca3ba27a,\n.arrow_9e03acbe7f.primary_15ca3ba27a {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import a from"../../hooks/useMergeRef.js";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useTooltipProps as p,useEllipsisClass as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var v=s((function(s,v){var j=s.className,u=s.id,T=s.children,g=s.tooltipProps,h=s["data-testid"],y=void 0===h?l(m.TEXT,u):h,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,L=s.ellipsis,O=void 0===L||L,P=s.maxLines,_=void 0===P?1:P,C=s.withoutTooltip,H=void 0!==C&&C,I=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=r(null),q=a(v,X),z=1===_,A=n(q,O,_),B=A.ref,D=A.class,F=p(X,H,O,g,T,z,R);return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:u,"data-testid":y,className:i(f.typography,f[E],f[k],D,j),ref:B,role:I},M),T))}));export{v as default};
+import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as r}from"react";import i from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useEllipsisClass as p,useTooltipProps as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var v=s((function(s,v){var y=s.className,j=s.id,u=s.children,T=s.tooltipProps,g=s["data-testid"],h=void 0===g?a(m.TEXT,j):g,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,L=s.ellipsis,O=void 0===L||L,P=s.maxLines,_=void 0===P?1:P,C=s.withoutTooltip,H=void 0!==C&&C,I=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=r(null),q=l(v,X),z=1===_,A=p(O,_),B=A.class,D=A.style,F=n(X,H,O,T,u,z,R);return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:j,style:D,"data-testid":h,className:i(f.typography,f[E],f[k],B,y),ref:q,role:I},M),u))}));export{v as default};
 //# sourceMappingURL=Typography.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /*\n The element tag of the text component\n /\n element?: string;\n /\n The textual content\n /\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /\n When the text is too long, cut the end of the text and display instead of it three dots (...)\n /\n ellipsis?: boolean;\n /\n Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n /\n maxLines?: number;\n /\n All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography: VibeComponent<TypographyProps, HTMLElement> = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const { ~~ref~~: ~~overrideRef~~, ~~class~~: ~~ellipsisClass~~ } = useEllipsisClass(~~mergedRef,~~ ellipsis, maxLines);\n const overrideTooltipProps = useTooltipProps(\n componentRef,\n withoutTooltip,\n ellipsis,\n tooltipProps,\n children,\n ignoreHeightOverflow,\n overflowTolerance\n ) as TooltipProps;\n\n return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[align], ellipsisClass, className),\n ref: ~~overrideRef~~,\n role,\n ...htmlAttributes\n },\n children\n )}\n </Tooltip>\n );\n }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","~~overrideRef~~","~~ellipsisClass~~","~~class~~","overrideTooltipProps","useTooltipProps","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBA2CMA,IAAAA,EAA0DC,GAC9D,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,~~EAAmDC~~,~~EAAiBJ~~,~~EAAWb,~~EAAUE,~~GAA5EgB~~,~~EAAWF~~,~~EAAhBjC~~,~~IAAyBoC~~,~~EAAaH~~,~~EAApBI~~,~~MACpBC~~,EAAuBC,~~EAC3BX~~,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGF,~~OACEe~~,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAN,GACVE,EAAMC,~~cACL9B~~,~~EAAOgC~~,OAAAC,OAAA,~~CAEL1C~~,GAAAA,~~EACA~~,~~cAAeI~~,EACfL,~~UAAW4C~~,EAAGC,EAAOC,WAAYD,~~EAAOjC~~,~~GAAQiC~~,~~EAAO/B~~,~~GAAQqB~~,~~EAAenC~~,GAC9ED,~~IAAKmC~~,~~EACLb~~,KAAAA,GACGC,GAELpB,GAIR"}
1	+ {"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { ElementContent } from \"../../types\";\nimport { TypographyAlign, TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n /*\n The element tag of the text component\n /\n element?: string;\n /\n The textual content\n /\n children: ElementContent;\n color?: TypographyColor;\n align?: TypographyAlign;\n /\n When the text is too long, cut the end of the text and display instead of it three dots (...)\n /\n ellipsis?: boolean;\n /\n Use this prop combined with the boolean ellipsis prop for truncate the text and add an ellipsis after a certain number of lines\n /\n maxLines?: number;\n /\n All props are passed to the tooltip displayed when hovering over the text. By default, the tooltip will display when text contains an ellipsis and will show the full text\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Hide tooltip when hovering the text, by default the tooltip swill display when text contains an ellipsis\n */\n withoutTooltip?: boolean;\n}\n\nconst Typography: VibeComponent<TypographyProps, HTMLElement> = forwardRef(\n (\n {\n className,\n id,\n children,\n tooltipProps,\n \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n element = \"span\",\n color = \"primary\",\n align = \"start\",\n ellipsis = true,\n maxLines = 1,\n withoutTooltip = false,\n role,\n ...htmlAttributes\n }: TypographyProps,\n ref\n ) => {\n const { overflowTolerance } = useContext(TypographyContext);\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const ignoreHeightOverflow = maxLines === 1;\n const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n const overrideTooltipProps = useTooltipProps(\n componentRef,\n withoutTooltip,\n ellipsis,\n tooltipProps,\n children,\n ignoreHeightOverflow,\n overflowTolerance\n ) as TooltipProps;\n\n return (\n <Tooltip {...overrideTooltipProps}>\n {React.createElement(\n element,\n {\n id,\n style: ellipsisStyle,\n \"data-testid\": dataTestId,\n className: cx(styles.typography, styles[color], styles[align], ellipsisClass, className),\n ref: mergedRef,\n role,\n ...htmlAttributes\n },\n children\n )}\n </Tooltip>\n );\n }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBA2CMA,IAAAA,EAA0DC,GAC9D,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGF,OACEgB,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAN,GACVE,EAAMC,cACL/B,EAEEiC,OAAAC,OAAA,CAAA3C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW6C,EAAGC,EAAOC,WAAYD,EAAOlC,GAAQkC,EAAOhC,GAAQoB,EAAelC,GAC9ED,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_a7562eb8d9","focus-visible":"focus-visible_306232b806",primary:"primary_4fb58b5712",secondary:"secondary_eb580e2a0d",onPrimary:"onPrimary_32b04115d8",onInverted:"onInverted_a89ab26f45",fixedLight:"fixedLight_f588570425",fixedDark:"fixedDark_c2a49525fc",inherit:"inherit_29a386e355",start:"start_7ae0789533",center:"center_2ccdb6736c",end:"end_5469a06ea9",singleLineEllipsis:"singleLineEllipsis_fa1f627df0",multiLineEllipsis:"multiLineEllipsis_c6b9d06bfe"};!function(e){const n="s_id-911fb9952597_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".typography_a7562eb8d9 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_a7562eb8d9 > a:focus-visible, .typography_a7562eb8d9 > a.focus-visible_306232b806 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_a7562eb8d9 > a:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.typography_a7562eb8d9 > a:hover {\n  text-decoration: underline;\n}\n.typography_a7562eb8d9:disabled, .typography_a7562eb8d9[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_4fb58b5712 {\n  color: var(--primary-text-color);\n}\n.secondary_eb580e2a0d {\n  color: var(--secondary-text-color);\n}\n.onPrimary_32b04115d8 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_32b04115d8 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_a89ab26f45 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_a89ab26f45 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_f588570425 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_f588570425 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_c2a49525fc {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_c2a49525fc a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_29a386e355 {\n  color: inherit;\n}\n.inherit_29a386e355 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_7ae0789533 {\n  text-align: start;\n}\n.center_2ccdb6736c {\n  text-align: center;\n}\n.end_5469a06ea9 {\n  text-align: end;\n}\n.singleLineEllipsis_fa1f627df0 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_c6b9d06bfe {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var n={typography:"typography_8aa4db4b2c","focus-visible":"focus-visible_78a95fb4b9",primary:"primary_7f0d9df56b",secondary:"secondary_220ab7506f",onPrimary:"onPrimary_61785c1c54",onInverted:"onInverted_d2c3182bed",fixedLight:"fixedLight_4897e7d68c",fixedDark:"fixedDark_00d0bcfcc6",inherit:"inherit_76af30d686",start:"start_ee97286a2b",center:"center_a9f855ed84",end:"end_f3c15cb07a",singleLineEllipsis:"singleLineEllipsis_8a1fa39f00",multiLineEllipsis:"multiLineEllipsis_390401ded1"};!function(n){const e="s_id-911fb9952597_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,r.firstChild?r.insertBefore(i,r.firstChild):r.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".typography_8aa4db4b2c > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_8aa4db4b2c > a:focus-visible, .typography_8aa4db4b2c > a.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography_8aa4db4b2c > a:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.typography_8aa4db4b2c > a:hover {\n  text-decoration: underline;\n}\n.typography_8aa4db4b2c:disabled, .typography_8aa4db4b2c[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_7f0d9df56b {\n  color: var(--primary-text-color);\n}\n.secondary_220ab7506f {\n  color: var(--secondary-text-color);\n}\n.onPrimary_61785c1c54 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_61785c1c54 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_d2c3182bed {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_d2c3182bed a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_4897e7d68c {\n  color: var(--fixed-light-color);\n}\n.fixedLight_4897e7d68c a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_00d0bcfcc6 {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_00d0bcfcc6 a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_76af30d686 {\n  color: inherit;\n}\n.inherit_76af30d686 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.start_ee97286a2b {\n  text-align: start;\n}\n.center_a9f855ed84 {\n  text-align: center;\n}\n.end_f3c15cb07a {\n  text-align: end;\n}\n.singleLineEllipsis_8a1fa39f00 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_390401ded1 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
 //# sourceMappingURL=Typography.module.scss.js.map

package/dist/src/components/Typography/TypographyHooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../hooks/useIsOverflowing/useIsOverflowing.js";import s from"./Typography.module.scss.js";function n(e,n,r){var t;return n&&(t=r>1?s.multiLineEllipsis:s.singleLineEllipsis),{ref:function(s){null==s||s.style.setProperty("--text-clamp-lines",""+r),e.current=s},class:t}}function r(s,n,r,t,i,o,l){var u=e({ref:r?s:null,ignoreHeightOverflow:o,tolerance:l});return!n&&r&&u&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{n as useEllipsisClass,r as useTooltipProps};
+import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,t;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(t={"--text-clamp-lines":""+s})),{class:e,style:t}}),[r,s])}function t(e,n,s,t,i,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c&&"string"==typeof i?Object.assign(Object.assign({},t),{content:i}):{}}export{s as useEllipsisClass,t as useTooltipProps};
 //# sourceMappingURL=TypographyHooks.js.map

package/dist/src/components/Typography/TypographyHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(~~ref: MutableRefObject<HTMLElement>,~~ ellipsis: boolean, maxLines: ~~number~~) {\n ~~let ellipsisClass;\n~~ const ~~overrideRef~~ = (~~node: HTMLElement~~) => {\n ~~node?.style.setProperty(\"--text-clamp-lines\",~~ ~~maxLines.toString())~~;\n ~~ref.current~~ = ~~node;\~~n ~~};\n\n~~ // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n }\n\n ~~return~~ { ~~ref~~: ~~overrideRef,~~ class: ellipsisClass };\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing && typeof children === \"string\";\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","~~ref","~~ellipsis","maxLines","~~ellipsisClass~~","~~styles~~","~~multiLineEllipsis~~","~~singleLineEllipsis~~","~~node~~","style","~~setProperty~~","~~current~~","class","useTooltipProps","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"~~oHAMgBA~~,EAAiBC,~~EAAoCC~~,~~EAAmBC~~,~~GACtF~~,IAAIC,~~EAWJ~~,~~OAJIF~~,~~IACFE~~,~~EAAgBD~~,EAAW,~~EAAIE~~,EAAOC,kBAAoBD,EAAOE,~~oBAG5D~~,~~CAAEN~~,~~IAVW~~,~~SAACO~~,~~GACnBA~~,~~SAAAA~~,~~EAAMC~~,~~MAAMC~~,~~YAAY~~,~~qBAAsBP~~,~~MAC9CF~~,~~EAAIU~~,~~QAAUH~~,~~GAQWI~~,~~MAAOR~~,~~EACpC~~,CAEgB,~~SAAAS~~,~~EACdZ~~,~~EACAa~~,~~EACAZ~~,~~EACAa~~,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,~~CACrCnB~~,~~IAAKC~~,~~EAAWD~~,EAAM,~~KACtBgB~~,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,~~GAAkBZ~~,~~GAAYiB~~,GAAqC,iBAAbH,EACvDM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}
1	+ {"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { MutableRefObject, useMemo } from \"react\";\nimport { ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n const result = useMemo(() => {\n let ellipsisClass: string;\n let style: Record<string, string>;\n // If component contains ellipsis return the fit ellipsis class\n if (ellipsis) {\n ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n if (maxLines > 1) {\n // not relevant for single line ellipsis\n style = { \"--text-clamp-lines\": maxLines.toString() };\n }\n }\n\n return { class: ellipsisClass, style };\n }, [ellipsis, maxLines]);\n return result;\n}\n\nexport function useTooltipProps(\n ref: MutableRefObject<HTMLElement>,\n withoutTooltip: boolean,\n ellipsis: boolean,\n tooltipProps: Partial<TooltipProps>,\n children: ElementContent,\n ignoreHeightOverflow: boolean,\n overflowTolerance: number\n) {\n const isOverflowing = useIsOverflowing({\n ref: ellipsis ? ref : null,\n ignoreHeightOverflow,\n tolerance: overflowTolerance\n });\n const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing && typeof children === \"string\";\n return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,GAAqC,iBAAbH,EACvDM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}

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

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

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

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

package/dist/src/hooks/ssr/useIsMounted.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as t}from"react";var n=function(){var n=o(!1),e=r(n,2),i=e[0],u=e[1];return t((function(){return u(!0),function(){u(!1)}}),[]),i};export{n as useIsMounted};
2	+ //# sourceMappingURL=useIsMounted.js.map

package/dist/src/hooks/ssr/useIsMounted.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useIsMounted.js","sources":["../../../../src/hooks/ssr/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n// The hook will return true only on client side and not on server side\nexport const useIsMounted = () => {\n const [isMounted, setIsMounted] = useState(false);\n useEffect(() => {\n setIsMounted(true);\n return () => {\n setIsMounted(false);\n };\n }, []);\n return isMounted;\n};\n"],"names":["useIsMounted","_useState","useState","_useState2","_slicedToArray","isMounted","setIsMounted","useEffect"],"mappings":"mIAGaA,EAAe,WAC1B,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAO9B,OANAI,GAAU,WAER,OADAD,GAAa,GACN,WACLA,GAAa,GAEhB,GAAE,IACID,CACT"}

package/dist/src/hooks/useClickOutside/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as e,useRef as t}from"react";import a from"../useEventListener/index.js";function n(n){var r=n.ref,c=n.callback,o=n.ignoreClasses,i=n.eventName,l=void 0===i?"click":i,s=e((function(e){r&&r.current&&!r.current.contains(e.target)&&(o&&e.target instanceof HTMLElement&&e.target.closest(o.join(","))||c(e))}),[r,c]),u=t(document.body);a({eventName:l,ref:u,callback:s,capture:!0}),a({eventName:"touchend",ref:u,callback:s,capture:!0})}export{n as default};
+import{useCallback as e,useRef as t}from"react";import r from"../useEventListener/index.js";import{isClient as n}from"../../utils/ssr-utils.js";function a(a){var c=a.ref,o=a.callback,s=a.ignoreClasses,i=a.eventName,l=void 0===i?"click":i,u=e((function(e){c&&c.current&&!c.current.contains(e.target)&&(s&&e.target instanceof HTMLElement&&e.target.closest(s.join(","))||o(e))}),[c,o,s]),m=t(n()?document.body:null);r({eventName:l,ref:m,callback:u,capture:!0}),r({eventName:"touchend",ref:m,callback:u,capture:!0})}export{a as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useClickOutside/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap \| string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref \|\| !ref.current \|\| ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback]\n );\n\n const documentRef = useRef(document.body);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","document","body","useEventListener","capture"],"mappings":"~~4FAIwB~~,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,~~GACX~~,~~GAEA~~,CAACP,EAAKC,~~IAGFa~~,EAAcC,EAAOC,SAASC,~~MAEpCC~~,EAAiB,~~CACfd~~,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,~~EACVc~~,SAAS,IAGXD,EAAiB,~~CACfd~~,UAAW,WACXJ,IAAKc,EACLb,SAAUI,~~EACVc~~,SAAS,GAEb"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useClickOutside/index.ts"],"sourcesContent":["import { useCallback, useRef, RefObject } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport default function useClickOutside({\n ref,\n callback,\n ignoreClasses,\n eventName = \"click\"\n}: {\n ref: RefObject<HTMLElement>;\n callback: GenericEventCallback;\n ignoreClasses?: string[];\n eventName?: keyof HTMLElementEventMap \| string;\n}) {\n const onClickOutsideListener = useCallback(\n (event: MouseEvent) => {\n if (!ref \|\| !ref.current \|\| ref.current.contains(event.target as Node)) {\n return;\n }\n\n const shouldIgnoreClasses = ignoreClasses && event.target instanceof HTMLElement;\n if (shouldIgnoreClasses && event.target.closest(ignoreClasses.join(\",\"))) {\n return;\n }\n\n callback(event);\n },\n\n [ref, callback, ignoreClasses]\n );\n\n const documentRef = useRef(isClient() ? document.body : null);\n\n useEventListener({\n eventName,\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n\n useEventListener({\n eventName: \"touchend\",\n ref: documentRef,\n callback: onClickOutsideListener,\n capture: true\n });\n}\n"],"names":["useClickOutside","_ref","ref","callback","ignoreClasses","_ref$eventName","eventName","onClickOutsideListener","useCallback","event","current","contains","target","HTMLElement","closest","join","documentRef","useRef","isClient","document","body","useEventListener","capture"],"mappings":"gJAKwB,SAAAA,EAAeC,GAUtC,IATCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAaH,EAAbG,cAAaC,EAAAJ,EACbK,UAAAA,OAAY,IAAHD,EAAG,QAAOA,EAObE,EAAyBC,GAC7B,SAACC,GACMP,GAAQA,EAAIQ,UAAWR,EAAIQ,QAAQC,SAASF,EAAMG,UAI3BR,GAAiBK,EAAMG,kBAAkBC,aAC1CJ,EAAMG,OAAOE,QAAQV,EAAcW,KAAK,OAInEZ,EAASM,GACV,GAED,CAACP,EAAKC,EAAUC,IAGZY,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAExDC,EAAiB,CACff,UAAAA,EACAJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,IAGXD,EAAiB,CACff,UAAW,WACXJ,IAAKc,EACLb,SAAUI,EACVe,SAAS,GAEb"}

package/dist/src/hooks/useKeyEvent/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useRef as e,useCallback as t}from"react";import o from"../useEventListener/index.js";var r;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(r||(r={}));function i(n){var a=n.keys,c=void 0===a?[]:a,u=n.callback,f=n.modifier,l=n.withoutAnyModifier,d=n.ref,m=n.ignoreDocumentFallback,v=void 0!==m&&m,y=n.capture,s=void 0!==y&&y,p=n.preventDefault,K=void 0!==p&&p,T=n.stopPropagation,k=void 0!==T&&T,M=n.keyEventName,b=void 0===M?"keydown":M,A=e(document.body),E=t((function(e){c.includes(e.key)&&(f&&!function(e,t){return t===r.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t]}(e,f)||l&&!function(e){return!Object.values(i.modifiers).some((function(t){if("ctrlOrMetaKey"!==t)return!!e[t]}))}(e)||(K&&e.preventDefault(),k&&e.stopPropagation(),u(e)))}),[c,f,l,K,k,u]);o({eventName:b,callback:E,ref:d||(v?null:A),capture:s})}i.modifiers=r;export{i as default};
+import{useRef as e,useCallback as t}from"react";import r from"../useEventListener/index.js";import{isClient as o}from"../../utils/ssr-utils.js";var i;!function(e){e.ALT="altKey",e.META="metaKey",e.CTRL="ctrlKey",e.SHIFT="shiftKey",e.CTRL_OR_META="ctrlOrMetaKey"}(i||(i={}));function n(a){var u=a.keys,c=void 0===u?[]:u,l=a.callback,f=a.modifier,s=a.withoutAnyModifier,d=a.ref,m=a.ignoreDocumentFallback,v=void 0!==m&&m,y=a.capture,p=void 0!==y&&y,K=a.preventDefault,T=void 0!==K&&K,k=a.stopPropagation,M=void 0!==k&&k,b=a.keyEventName,A=void 0===b?"keydown":b,E=e(o()?document.body:null),L=t((function(e){c.includes(e.key)&&(f&&!function(e,t){return t===i.CTRL_OR_META?e.ctrlKey||e.metaKey:e[t]}(e,f)||s&&!function(e){return!Object.values(n.modifiers).some((function(t){if("ctrlOrMetaKey"!==t)return!!e[t]}))}(e)||(T&&e.preventDefault(),M&&e.stopPropagation(),l(e)))}),[c,f,s,T,M,l]);r({eventName:A,callback:L,ref:d||(v?null:E),capture:p})}n.modifiers=i;export{n as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useKeyEvent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey \|\| event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement \| Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(document.body);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"~~4FAIA~~,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+Ba,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,SAASC,~~MAC9BC~~,EAAeC,GACnB,SAACC,~~GAEMrB~~,~~EAAKsB~~,SADMD,EAARE,~~OAIJrB~~,IAhDmB,~~SAACmB~~,~~EAAsBnB~~,GAClD,OAAIA,IAAaN,~~EAAS4B~~,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,~~EAAMnB~~,EACf,~~CA0CuByB~~,CAAqBN,~~EAAOnB~~,IAGzCC,IA5C0B,~~SAACkB~~,GACnC,OAAQO,OAAOC,~~OAAOhC~~,~~EAAYiC~~,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAsCiCC,CAA4BZ,~~KAInDX~~,~~GACFW~~,~~EAAMX~~,iBAGJE,~~GACFS~~,~~EAAMT~~,kBAGRX,~~EAASoB~~,IACX,GACA,~~CAACrB~~,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,~~IAaxEiC~~,EAAiB,CACfC,~~UAAWrB~~,EACXb,~~SAAUkB~~,~~EACVf~~,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,~~EAAYiC~~,~~UAAYlC~~"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n ALT = \"altKey\",\n META = \"metaKey\",\n CTRL = \"ctrlKey\",\n SHIFT = \"shiftKey\",\n CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey \|\| event.metaKey;\n }\n\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\n\nexport interface UseKeyEventArgs {\n keys: KeyboardEvent[\"key\"][];\n // TODO: [breaking] change to keyboard event\n callback: GenericEventCallback;\n modifier?: Modifier;\n keyEventName?: string;\n withoutAnyModifier?: boolean;\n ref?: RefObject<HTMLElement \| Document>;\n ignoreDocumentFallback?: boolean;\n capture?: boolean;\n preventDefault?: boolean;\n stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n keys = [],\n callback,\n modifier,\n withoutAnyModifier,\n ref,\n ignoreDocumentFallback = false,\n capture = false,\n preventDefault = false,\n stopPropagation = false,\n keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n const documentRef = useRef(isClient() ? document.body : null);\n const onKeyUpPress = useCallback(\n (event: KeyboardEvent) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n\n if (preventDefault) {\n event.preventDefault();\n }\n\n if (stopPropagation) {\n event.stopPropagation();\n }\n\n callback(event);\n },\n [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n );\n\n let listenerRef;\n\n if (ref) {\n listenerRef = ref;\n } else if (ignoreDocumentFallback) {\n listenerRef = null;\n } else {\n listenerRef = documentRef;\n }\n\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"gJAKA,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA+Ba,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IAhDmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CA0CuB0B,CAAqBN,EAAOpB,IAGzCC,IA5C0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAsCiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}

package/dist/src/hooks/useMediaQuery/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a,useLayoutEffect as e}from"react";function o(o){var i=t((function(){return Array.isArray(o)?o:[o]}),[o]),u=a(i.map((function(r){return!!window.matchMedia(r).matches}))),c=r(u,2),f=c[0],m=c[1];return e((function(){var t=i.map((function(r){return window.matchMedia(r)})),a=t.map((function(r,t){var a=function(r){m((function(a){var e=n(a);return e[t]=r.matches,e}))};return r.addEventListener("change",a),[r,a]}));return function(){a.forEach((function(n){var t=r(n,2);t[0].removeEventListener("change",t[1])}))}}),[i,m]),f}export{o as default,o as useMediaQuery};
+import{slicedToArray as r,toConsumableArray as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useState as a}from"react";import e from"../ssr/useIsomorphicLayoutEffect.js";function o(o){var i=t((function(){return Array.isArray(o)?o:[o]}),[o]),u=a(i.map((function(r){return!!window.matchMedia(r).matches}))),c=r(u,2),f=c[0],s=c[1];return e((function(){var t=i.map((function(r){return window.matchMedia(r)})),a=t.map((function(r,t){var a=function(r){s((function(a){var e=n(a);return e[t]=r.matches,e}))};return r.addEventListener("change",a),[r,a]}));return function(){a.forEach((function(n){var t=r(n,2);t[0].removeEventListener("change",t[1])}))}}),[i,s]),f}export{o as default,o as useMediaQuery};
 //# sourceMappingURL=index.js.map