@vibe/core 3.54.2 → 3.55.0

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

@@ -1,2 +1,2 @@
-var e={textField:"textField_f37382748e",labelWrapper:"labelWrapper_cfa208d2cc",subTextContainer:"subTextContainer_9d82db086f",counter:"counter_cc59905e4c",disabled:"disabled_63c86ddb54",icon:"icon_a2edd6f3f6",inputWrapper:"inputWrapper_a2edd6f3f6",input:"input_760535adc4",iconContainer:"iconContainer_cfedee488a",iconContainerHasIcon:"iconContainerHasIcon_3cdffac2ea",readOnly:"readOnly_351e51b144",inputHover:"inputHover_075dd6a763",inputActive:"inputActive_8bbd141b47",inputHasIcon:"inputHasIcon_1081b5dd9f",round:"round_bac636e54b",square:"square_3236449d72",onlyUnderline:"onlyUnderline_d5b392556e",tooltipContainer:"tooltipContainer_a231a4393b",wrapperSizeMedium:"wrapperSizeMedium_ff79e7ca38",wrapperSizeLarge:"wrapperSizeLarge_87b378e333",iconContainerActive:"iconContainerActive_e6de428339",iconContainerClickable:"iconContainerClickable_a4fdbf9ba2",inputErrorValidation:"inputErrorValidation_3cdffac2ea",subTextContainerStatus:"subTextContainerStatus_403214bf07",inputSuccessValidation:"inputSuccessValidation_2aa636833f",wrapperSizeSmall:"wrapperSizeSmall_8962ad26d3",inputWrapperSizeSmall:"inputWrapperSizeSmall_8145855ac5",loaderContainer:"loaderContainer_5be0f51e00",loaderContainerHasIcon:"loaderContainerHasIcon_cb26550950",loader:"loader_8aafe3037c",loaderSvg:"loaderSvg_40c831306e"};!function(e){const n="s_id-6ee97e87df70_3_54_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_f37382748e {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_f37382748e * {\n  box-sizing: border-box;\n}\n\n.textField_f37382748e .labelWrapper_cfa208d2cc {\n  width: 100%;\n}\n\n.textField_f37382748e .subTextContainer_9d82db086f {\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_f37382748e .subTextContainer_9d82db086f .counter_cc59905e4c {\n  margin-left: auto;\n}\n\n.textField_f37382748e.disabled_63c86ddb54 .icon_a2edd6f3f6 {\n  cursor: not-allowed;\n}\n\n.textField_f37382748e.disabled_63c86ddb54 .inputWrapper_a2edd6f3f6 {\n  cursor: not-allowed;\n}\n\n.textField_f37382748e.disabled_63c86ddb54 .inputWrapper_a2edd6f3f6 .input_760535adc4 {\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_f37382748e.disabled_63c86ddb54 .inputWrapper_a2edd6f3f6 .input_760535adc4::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_f37382748e.disabled_63c86ddb54 .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerHasIcon_3cdffac2ea:hover {\n  background-color: transparent;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4 {\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_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.readOnly_351e51b144 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.inputHover_075dd6a763 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4:focus,\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4:active,\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.inputActive_8bbd141b47 {\n  border-color: var(--primary-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.inputHasIcon_1081b5dd9f {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.round_bac636e54b {\n  border-radius: 50px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.square_3236449d72 {\n  border-radius: 0;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .input_760535adc4.onlyUnderline_d5b392556e {\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_f37382748e .inputWrapper_a2edd6f3f6 .tooltipContainer_a231a4393b {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .tooltipContainer_a231a4393b {\n  width: 40px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .tooltipContainer_a231a4393b {\n  width: 46px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a {\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_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a {\n  -webkit-appearance: none;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerActive_e6de428339.iconContainerHasIcon_3cdffac2ea.iconContainerClickable_a4fdbf9ba2 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerActive_e6de428339.iconContainerHasIcon_3cdffac2ea:not(.iconContainerClickable_a4fdbf9ba2) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerActive_e6de428339 {\n  opacity: 1;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerActive_e6de428339 .icon_a2edd6f3f6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerHasIcon_3cdffac2ea.iconContainerClickable_a4fdbf9ba2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a.iconContainerHasIcon_3cdffac2ea.iconContainerClickable_a4fdbf9ba2:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\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_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea:hover .input_760535adc4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea .input_760535adc4 {\n  border-color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea .input_760535adc4:focus,\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea .input_760535adc4:active {\n  border-color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea .iconContainer_cfedee488a .icon_a2edd6f3f6:hover {\n  color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea + .subTextContainer_9d82db086f .subTextContainerStatus_403214bf07,\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputErrorValidation_3cdffac2ea + .subTextContainer_9d82db086f .counter_cc59905e4c {\n  color: var(--negative-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f:hover .input_760535adc4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f .input_760535adc4 {\n  border-color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f .input_760535adc4:focus,\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f .input_760535adc4:active {\n  border-color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f .iconContainer_cfedee488a .icon_a2edd6f3f6:hover {\n  color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.inputSuccessValidation_2aa636833f + .subTextContainer_9d82db086f .subTextContainerStatus_403214bf07 {\n  color: var(--positive-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeSmall_8962ad26d3 {\n  height: 32px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeSmall_8962ad26d3 .input_760535adc4 {\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_f37382748e .inputWrapper_a2edd6f3f6.inputWrapperSizeSmall_8145855ac5 .input_760535adc4.inputHasIcon_1081b5dd9f.onlyUnderline_d5b392556e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 {\n  height: 40px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .input_760535adc4 {\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_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .input_760535adc4.inputHasIcon_1081b5dd9f {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .input_760535adc4.inputHasIcon_1081b5dd9f.onlyUnderline_d5b392556e {\n  padding-left: 4px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .iconContainer_cfedee488a {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  font-size: 16px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .iconContainer_cfedee488a:hover + .iconContainer_cfedee488a + .input_760535adc4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 {\n  height: 48px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .input_760535adc4 {\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_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .input_760535adc4.inputHasIcon_1081b5dd9f {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .input_760535adc4.inputHasIcon_1081b5dd9f.onlyUnderline_d5b392556e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .iconContainer_cfedee488a {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  font-size: 16px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6:hover .input_760535adc4 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .loaderContainer_5be0f51e00 {\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_f37382748e .inputWrapper_a2edd6f3f6 .loaderContainer_5be0f51e00.loaderContainerHasIcon_cb26550950 {\n  right: 32px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .loaderContainer_5be0f51e00 .loader_8aafe3037c {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .loaderContainer_5be0f51e00 .loader_8aafe3037c .loaderSvg_40c831306e {\n  color: var(--secondary-text-color);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  font-family: var(--font-family);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeMedium_ff79e7ca38 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  font-family: var(--font-family);\n}\n\n.textField_f37382748e .inputWrapper_a2edd6f3f6.wrapperSizeLarge_87b378e333 .iconContainer_cfedee488a .icon_a2edd6f3f6 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
+var e={textField:"textField_64f194ea83",labelWrapper:"labelWrapper_5a23eb6c1e",subTextContainer:"subTextContainer_7d8b6f722c",counter:"counter_3ea191e600",disabled:"disabled_29de75891b",icon:"icon_8b15dcc75e",inputWrapper:"inputWrapper_8b15dcc75e",input:"input_654da96538",iconContainer:"iconContainer_81902f2098",iconContainerHasIcon:"iconContainerHasIcon_e3d905a160",readOnly:"readOnly_131caf5322",inputHover:"inputHover_0857582ba6",inputActive:"inputActive_2cb03ea1df",inputHasIcon:"inputHasIcon_222817e805",round:"round_b175daa781",square:"square_77427e412b",onlyUnderline:"onlyUnderline_b7cbbf4333",tooltipContainer:"tooltipContainer_06f368603e",wrapperSizeMedium:"wrapperSizeMedium_1222f9655f",wrapperSizeLarge:"wrapperSizeLarge_95935929d7",iconContainerActive:"iconContainerActive_4bc95bf029",iconContainerClickable:"iconContainerClickable_35c88ff812",inputErrorValidation:"inputErrorValidation_e3d905a160",subTextContainerStatus:"subTextContainerStatus_80223cc854",inputSuccessValidation:"inputSuccessValidation_4e9eb60f56",wrapperSizeSmall:"wrapperSizeSmall_8dd5244ec5",inputWrapperSizeSmall:"inputWrapperSizeSmall_454b6d80e0",loaderContainer:"loaderContainer_fa64b8e31a",loaderContainerHasIcon:"loaderContainerHasIcon_4031c376d8",loader:"loader_a3e618708d",loaderSvg:"loaderSvg_b8f3a9f609"};!function(e){const n="s_id-6ee97e87df70_3_54_2";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)}(".textField_64f194ea83 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_64f194ea83 * {\n  box-sizing: border-box;\n}\n\n.textField_64f194ea83 .labelWrapper_5a23eb6c1e {\n  width: 100%;\n}\n\n.textField_64f194ea83 .subTextContainer_7d8b6f722c {\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_64f194ea83 .subTextContainer_7d8b6f722c .counter_3ea191e600 {\n  margin-left: auto;\n}\n\n.textField_64f194ea83.disabled_29de75891b .icon_8b15dcc75e {\n  cursor: not-allowed;\n}\n\n.textField_64f194ea83.disabled_29de75891b .inputWrapper_8b15dcc75e {\n  cursor: not-allowed;\n}\n\n.textField_64f194ea83.disabled_29de75891b .inputWrapper_8b15dcc75e .input_654da96538 {\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_64f194ea83.disabled_29de75891b .inputWrapper_8b15dcc75e .input_654da96538::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_64f194ea83.disabled_29de75891b .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerHasIcon_e3d905a160:hover {\n  background-color: transparent;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e {\n  width: 100%;\n  position: relative;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538 {\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_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.readOnly_131caf5322 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.inputHover_0857582ba6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538:focus,\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538:active,\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.inputActive_2cb03ea1df {\n  border-color: var(--primary-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.inputHasIcon_222817e805 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.round_b175daa781 {\n  border-radius: 50px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.square_77427e412b {\n  border-radius: 0;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .input_654da96538.onlyUnderline_b7cbbf4333 {\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_64f194ea83 .inputWrapper_8b15dcc75e .tooltipContainer_06f368603e {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .tooltipContainer_06f368603e {\n  width: 40px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .tooltipContainer_06f368603e {\n  width: 46px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098 {\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_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098 {\n  -webkit-appearance: none;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerActive_4bc95bf029.iconContainerHasIcon_e3d905a160.iconContainerClickable_35c88ff812 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerActive_4bc95bf029.iconContainerHasIcon_e3d905a160:not(.iconContainerClickable_35c88ff812) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerActive_4bc95bf029 {\n  opacity: 1;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerActive_4bc95bf029 .icon_8b15dcc75e {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerHasIcon_e3d905a160.iconContainerClickable_35c88ff812:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098.iconContainerHasIcon_e3d905a160.iconContainerClickable_35c88ff812:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098 .icon_8b15dcc75e {\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_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160:hover .input_654da96538 {\n  border-color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 .input_654da96538 {\n  border-color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 .input_654da96538:focus,\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 .input_654da96538:active {\n  border-color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 .iconContainer_81902f2098 .icon_8b15dcc75e {\n  color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 .iconContainer_81902f2098 .icon_8b15dcc75e:hover {\n  color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 + .subTextContainer_7d8b6f722c .subTextContainerStatus_80223cc854,\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputErrorValidation_e3d905a160 + .subTextContainer_7d8b6f722c .counter_3ea191e600 {\n  color: var(--negative-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56:hover .input_654da96538 {\n  border-color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 .input_654da96538 {\n  border-color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 .input_654da96538:focus,\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 .input_654da96538:active {\n  border-color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 .iconContainer_81902f2098 .icon_8b15dcc75e {\n  color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 .iconContainer_81902f2098 .icon_8b15dcc75e:hover {\n  color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.inputSuccessValidation_4e9eb60f56 + .subTextContainer_7d8b6f722c .subTextContainerStatus_80223cc854 {\n  color: var(--positive-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeSmall_8dd5244ec5 {\n  height: 32px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeSmall_8dd5244ec5 .input_654da96538 {\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_64f194ea83 .inputWrapper_8b15dcc75e.inputWrapperSizeSmall_454b6d80e0 .input_654da96538.inputHasIcon_222817e805.onlyUnderline_b7cbbf4333 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f {\n  height: 40px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .input_654da96538 {\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_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .input_654da96538.inputHasIcon_222817e805 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .input_654da96538.inputHasIcon_222817e805.onlyUnderline_b7cbbf4333 {\n  padding-left: 4px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .iconContainer_81902f2098 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .iconContainer_81902f2098 .icon_8b15dcc75e {\n  font-size: 16px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .iconContainer_81902f2098:hover + .iconContainer_81902f2098 + .input_654da96538 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 {\n  height: 48px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .input_654da96538 {\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_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .input_654da96538.inputHasIcon_222817e805 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .input_654da96538.inputHasIcon_222817e805.onlyUnderline_b7cbbf4333 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .iconContainer_81902f2098 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .iconContainer_81902f2098 .icon_8b15dcc75e {\n  font-size: 16px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e:hover .input_654da96538 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .loaderContainer_fa64b8e31a {\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_64f194ea83 .inputWrapper_8b15dcc75e .loaderContainer_fa64b8e31a.loaderContainerHasIcon_4031c376d8 {\n  right: 32px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .loaderContainer_fa64b8e31a .loader_a3e618708d {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .loaderContainer_fa64b8e31a .loader_a3e618708d .loaderSvg_b8f3a9f609 {\n  color: var(--secondary-text-color);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e .iconContainer_81902f2098 .icon_8b15dcc75e {\n  font-family: var(--font-family);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeMedium_1222f9655f .iconContainer_81902f2098 .icon_8b15dcc75e {\n  font-family: var(--font-family);\n}\n\n.textField_64f194ea83 .inputWrapper_8b15dcc75e.wrapperSizeLarge_95935929d7 .iconContainer_81902f2098 .icon_8b15dcc75e {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_4af61cbf6f",highlightText:"highlightText_31d671d96a",withEllipsis:"withEllipsis_056f669c00"};!function(e){const t="s_id-42c1fd2afe36_3_54_1";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_4af61cbf6f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_4af61cbf6f em.highlightText_31d671d96a {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_4af61cbf6f.withEllipsis_056f669c00 {\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_65eb5609cd",highlightText:"highlightText_29c9fa2dfd",withEllipsis:"withEllipsis_7630cfa16b"};!function(e){const t="s_id-42c1fd2afe36_3_54_2";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_65eb5609cd {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_65eb5609cd em.highlightText_29c9fa2dfd {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_65eb5609cd.withEllipsis_7630cfa16b {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_480a01e404",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_4deb2a0b83",floating:"floating_24c4294306",tipseenHeader:"tipseenHeader_7a2f4e2193",tipseenTitle:"tipseenTitle_d4c503c791",tipseenContent:"tipseenContent_d22b8106dd",tipseenCloseButton:"tipseenCloseButton_296452573b",dark:"dark_c4d6041fb5"};!function(e){const t="s_id-33da00d2ba25_3_54_1";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_480a01e404 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_480a01e404.tipseenWrapperWithoutCustomWidth_4deb2a0b83 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_480a01e404.floating_24c4294306 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_480a01e404 .tipseenHeader_7a2f4e2193 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_480a01e404 .tipseenTitle_d4c503c791 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_480a01e404 .tipseenContent_d22b8106dd {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_480a01e404 .tipseenCloseButton_296452573b {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_480a01e404 .tipseenCloseButton_296452573b.dark_c4d6041fb5 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_8a292c8887",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_c6a7773e98",floating:"floating_ad95a5262b",tipseenHeader:"tipseenHeader_d5be80ab6f",tipseenTitle:"tipseenTitle_4749ead38a",tipseenContent:"tipseenContent_3a77713424",tipseenCloseButton:"tipseenCloseButton_483d849bfe",dark:"dark_c9b1279b92"};!function(e){const t="s_id-33da00d2ba25_3_54_2";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_8a292c8887 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_8a292c8887.tipseenWrapperWithoutCustomWidth_c6a7773e98 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_8a292c8887.floating_ad95a5262b {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_8a292c8887 .tipseenHeader_d5be80ab6f {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_8a292c8887 .tipseenTitle_4749ead38a {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_8a292c8887 .tipseenContent_3a77713424 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_8a292c8887 .tipseenCloseButton_483d849bfe {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_8a292c8887 .tipseenCloseButton_483d849bfe.dark_c9b1279b92 {\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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_11fb388768"};!function(e){const n="s_id-e688002d63b5_3_54_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_11fb388768 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_11fb388768:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_17e6037eab"};!function(e){const n="s_id-e688002d63b5_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_17e6037eab {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_17e6037eab: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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_12950f991e",dismiss:"dismiss_7980c3de46"};!function(e){const t="s_id-91df242cd10d_3_54_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_12950f991e {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_7980c3de46 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_f2bba8fabb",dismiss:"dismiss_35ebedfa56"};!function(e){const t="s_id-91df242cd10d_3_54_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_f2bba8fabb {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_35ebedfa56 {\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

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_493e1657c2"};!function(e){const t="s_id-5a749fe7aaee_3_54_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_493e1657c2 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_0861e1ff25"};!function(e){const t="s_id-5a749fe7aaee_3_54_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_0861e1ff25 {\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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_e20ec29e4c",colorInverted:"colorInverted_43fc7768e5"};!function(e){const n="s_id-71e151b2b729_3_54_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_e20ec29e4c {\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_43fc7768e5 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_b6e4e54fbf",colorInverted:"colorInverted_8a2b3562da"};!function(e){const d="s_id-71e151b2b729_3_54_2";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_b6e4e54fbf {\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_8a2b3562da {\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

@@ -1,2 +1,2 @@
-var e={title:"title_c1f3ba7a3a"};!function(e){const t="s_id-52c2fd8cbf53_3_54_1";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_c1f3ba7a3a {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_09cdc6e2be"};!function(e){const t="s_id-52c2fd8cbf53_3_54_2";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_09cdc6e2be {\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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_47db24f339",tipseenWizardWizard:"tipseenWizardWizard_cfa208d2cc"};!function(e){const d="s_id-98eba0c83d1f_3_54_1";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_47db24f339 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_cfa208d2cc {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_6ae09b645f",tipseenWizardWizard:"tipseenWizardWizard_5a23eb6c1e"};!function(e){const i="s_id-98eba0c83d1f_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".tipseenWizard_6ae09b645f {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_5a23eb6c1e {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

package/dist/src/components/Toast/Toast.js

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

package/dist/src/components/Toast/Toast.js.map

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

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_a5461e676e",typeNormal:"typeNormal_85ebdb6111",typePositive:"typePositive_7b6df38dfb",typeNegative:"typeNegative_c65985395e",typeWarning:"typeWarning_e314129f87",closeButton:"closeButton_ef8744e7dc",actionButton:"actionButton_cd3b64ac29",actionLink:"actionLink_24e74cbb9d",typeDark:"typeDark_a4584e7f3e",icon:"icon_400b5e9282",withTransition:"withTransition_c77d7b47c3",bounceIn:"bounceIn_d3cb5830af",content:"content_1ceb5b7e40",textContent:"textContent_36faac89b0",enterActive:"enterActive_280ffbd57a",slideIn:"slideIn_a9c64e660d",exitActive:"exitActive_7224ff2a7b",slideOut:"slideOut_7cb40a3100"};!function(n){const e="s_id-72c9912c1efa_3_54_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_a5461e676e {\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_a5461e676e.typeNormal_85ebdb6111 {\n  background-color: var(--primary-color);\n}\n.toast_a5461e676e.typePositive_7b6df38dfb {\n  background-color: var(--positive-color);\n}\n.toast_a5461e676e.typeNegative_c65985395e {\n  background-color: var(--negative-color);\n}\n.toast_a5461e676e.typeWarning_e314129f87 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_a5461e676e.typeWarning_e314129f87 .closeButton_ef8744e7dc {\n  color: var(--fixed-dark-color);\n}\n.toast_a5461e676e.typeWarning_e314129f87 .actionButton_cd3b64ac29,\n.toast_a5461e676e.typeWarning_e314129f87 .actionLink_24e74cbb9d {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_a5461e676e.typeDark_a4584e7f3e {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_a5461e676e.typeDark_a4584e7f3e .closeButton_ef8744e7dc {\n  color: var(--text-color-on-inverted);\n}\n.toast_a5461e676e.typeDark_a4584e7f3e .actionButton_cd3b64ac29,\n.toast_a5461e676e.typeDark_a4584e7f3e .actionLink_24e74cbb9d {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_400b5e9282 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_cd3b64ac29.withTransition_c77d7b47c3 {\n  opacity: 0;\n  animation: bounceIn_d3cb5830af 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_1ceb5b7e40 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_36faac89b0 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_280ffbd57a {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_a9c64e660d;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_7224ff2a7b {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_7cb40a3100;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_ef8744e7dc {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_a9c64e660d {\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_7cb40a3100 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_d3cb5830af {\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_17841137a9",typeNormal:"typeNormal_6069ac76a3",typePositive:"typePositive_4f36f32bc1",typeNegative:"typeNegative_3612095aea",typeWarning:"typeWarning_a4a423daf3",closeButton:"closeButton_f54e1fe82c",actionButton:"actionButton_a6ec88f37d",actionLink:"actionLink_bf37d9f9b6",typeDark:"typeDark_1e41905f2d",icon:"icon_6a81b29c29",withTransition:"withTransition_930d5f8f94",bounceIn:"bounceIn_18e45606e4",content:"content_7e2752bfd5",textContent:"textContent_a38dd78773",enterActive:"enterActive_81dcad51c9",slideIn:"slideIn_9b748ac83d",exitActive:"exitActive_0318601e84",slideOut:"slideOut_88c8d08331"};!function(n){const t="s_id-72c9912c1efa_3_54_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_17841137a9 {\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_17841137a9.typeNormal_6069ac76a3 {\n  background-color: var(--primary-color);\n}\n.toast_17841137a9.typePositive_4f36f32bc1 {\n  background-color: var(--positive-color);\n}\n.toast_17841137a9.typeNegative_3612095aea {\n  background-color: var(--negative-color);\n}\n.toast_17841137a9.typeWarning_a4a423daf3 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_17841137a9.typeWarning_a4a423daf3 .closeButton_f54e1fe82c {\n  color: var(--fixed-dark-color);\n}\n.toast_17841137a9.typeWarning_a4a423daf3 .actionButton_a6ec88f37d,\n.toast_17841137a9.typeWarning_a4a423daf3 .actionLink_bf37d9f9b6 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_17841137a9.typeDark_1e41905f2d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_17841137a9.typeDark_1e41905f2d .closeButton_f54e1fe82c {\n  color: var(--text-color-on-inverted);\n}\n.toast_17841137a9.typeDark_1e41905f2d .actionButton_a6ec88f37d,\n.toast_17841137a9.typeDark_1e41905f2d .actionLink_bf37d9f9b6 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_6a81b29c29 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_a6ec88f37d.withTransition_930d5f8f94 {\n  opacity: 0;\n  animation: bounceIn_18e45606e4 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_7e2752bfd5 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_a38dd78773 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_81dcad51c9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_9b748ac83d;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_0318601e84 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_88c8d08331;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_f54e1fe82c {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_9b748ac83d {\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_88c8d08331 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_18e45606e4 {\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/ToastButton/ToastButton.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"../../Button/Button.js";import a from"react";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";var r=function(r){var o=r.className,m=r.id,d=r["data-testid"],n=t(r,["className","id","data-testid"]),c=Object.assign(Object.assign(Object.assign({},s.defaultProps),{kind:"secondary",marginLeft:!1}),n);return a.createElement(s,Object.assign({},c,{id:m,"data-testid":d||i(e.TOAST_BUTTON,m),className:o,size:"small",color:"fixed-light"}))};export{r as default};
+import{__rest as t}from"../../../../_virtual/_tslib.js";import s from"../../Button/Button.js";import a from"react";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{getTestId as r}from"../../../tests/testIds.js";var i=function(i){var o=i.className,m=i.id,d=i["data-testid"],n=t(i,["className","id","data-testid"]);return a.createElement(s,Object.assign({},n,{id:m,kind:"secondary",marginLeft:!1,"data-testid":d||r(e.TOAST_BUTTON,m),className:o,size:"small",color:"fixed-light"}))};export{i as default};
 //# sourceMappingURL=ToastButton.js.map

package/dist/src/components/Toast/ToastButton/ToastButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import Button, { ButtonProps } from \"../../Button/Button\";\nimport React, { FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ButtonType } from \"../../Button\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n  className,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: ToastButtonProps) => {\n  const overrideButtonProps = {\n    ...Button.defaultProps,\n    kind: \"secondary\" as ButtonType,\n    marginLeft: false,\n    ...buttonProps\n  };\n\n  return (\n    <Button\n      {...overrideButtonProps}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n      className={className}\n      size=\"small\"\n      color=\"fixed-light\"\n    />\n  );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","overrideButtonProps","Object","assign","Button","defaultProps","kind","marginLeft","React","createElement","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"8OAQA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMnCM,EACDC,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAC,EAAOC,eACVC,KAAM,YACNC,YAAY,IACTR,GAGL,OACES,EAAAC,cAACL,EAAMF,OAAAC,OAAA,CAAA,EACDF,EACJ,CAAAJ,GAAIA,gBACSC,GAAcY,EAAUC,EAAuBC,aAAcf,GAC1ED,UAAWA,EACXiB,KAAK,QACLC,MAAM,gBAGZ"}
+{"version":3,"file":"ToastButton.js","sources":["../../../../../src/components/Toast/ToastButton/ToastButton.tsx"],"sourcesContent":["import Button, { ButtonProps } from \"../../Button/Button\";\nimport React, { FC } from \"react\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport type ToastButtonProps = ButtonProps;\n\nconst ToastButton: FC<ToastButtonProps> = ({\n  className,\n  id,\n  \"data-testid\": dataTestId,\n  ...buttonProps\n}: ToastButtonProps) => {\n  return (\n    <Button\n      {...buttonProps}\n      id={id}\n      kind=\"secondary\"\n      marginLeft={false}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOAST_BUTTON, id)}\n      className={className}\n      size=\"small\"\n      color=\"fixed-light\"\n    />\n  );\n};\n\nexport default ToastButton;\n"],"names":["ToastButton","_a","className","id","dataTestId","buttonProps","__rest","React","createElement","Button","kind","marginLeft","getTestId","ComponentDefaultTestId","TOAST_BUTTON","size","color"],"mappings":"8OAOA,IAAMA,EAAoC,SAACC,GAAA,IACzCC,EAEyBD,EAFzBC,UACAC,EACyBF,EADzBE,GACeC,EAAUH,EAAzB,eACGI,EAJsCC,EAAAL,EAAA,CAAA,YAAA,KAAA,gBAMzC,OACEM,EAACC,cAAAC,mBACKJ,EAAW,CACfF,GAAIA,EACJO,KAAK,YACLC,YAAY,EAAK,cACJP,GAAcQ,EAAUC,EAAuBC,aAAcX,GAC1ED,UAAWA,EACXa,KAAK,QACLC,MAAM,gBAGZ"}

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

@@ -1,2 +1,2 @@
-var e={actionLink:"actionLink_5662d749da"};!function(e){const t="s_id-a224471727c9_3_54_1";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_5662d749da {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_5662d749da:hover {\n  color: inherit;\n}");export{e as default};
+var e={actionLink:"actionLink_4e1047381f"};!function(e){const t="s_id-a224471727c9_3_54_2";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_4e1047381f {\n  color: var(--text-color-on-primary);\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n.actionLink_4e1047381f:hover {\n  color: inherit;\n}");export{e as default};
 //# sourceMappingURL=ToastLink.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggle:"toggle_f082501765","focus-visible":"focus-visible_665f4d072d",selected:"selected_85ebdb6111",notSelected:"notSelected_ef6fbd2330",disabled:"disabled_f89d14bd1b",medium:"medium_6e5c308e7a",small:"small_35fb8bba5c"};!function(e){const n="s_id-49e22e19a989_3_54_1";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_f082501765 {\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_f082501765:focus-visible, .toggle_f082501765.focus-visible_665f4d072d {\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_f082501765:focus:not(.focus-visible_665f4d072d) {\n  outline: none;\n}\n.toggle_f082501765::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_f082501765.selected_85ebdb6111 {\n  background-color: var(--primary-color);\n}\n.toggle_f082501765.selected_85ebdb6111::after {\n  left: 20px;\n}\n.toggle_f082501765.notSelected_ef6fbd2330 {\n  background-color: var(--ui-border-color);\n}\n.toggle_f082501765.notSelected_ef6fbd2330::after {\n  left: 3px;\n}\n.toggle_f082501765.disabled_f89d14bd1b {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_f082501765.medium_6e5c308e7a {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_f082501765.medium_6e5c308e7a::after {\n  --circle-size: 18px;\n}\n.toggle_f082501765.small_35fb8bba5c {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_f082501765.small_35fb8bba5c::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_f082501765.small_35fb8bba5c.notSelected_ef6fbd2330::after {\n  left: 2px;\n}');export{e as default};
+var e={toggle:"toggle_49e6f2da4e","focus-visible":"focus-visible_81ac3324a5",selected:"selected_6069ac76a3",notSelected:"notSelected_bfe32a6ab9",disabled:"disabled_e5a37feb65",medium:"medium_9e9821bb82",small:"small_3af6b2cd77"};!function(e){const n="s_id-49e22e19a989_3_54_2";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_49e6f2da4e {\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_49e6f2da4e:focus-visible, .toggle_49e6f2da4e.focus-visible_81ac3324a5 {\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_49e6f2da4e:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.toggle_49e6f2da4e::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_49e6f2da4e.selected_6069ac76a3 {\n  background-color: var(--primary-color);\n}\n.toggle_49e6f2da4e.selected_6069ac76a3::after {\n  left: 20px;\n}\n.toggle_49e6f2da4e.notSelected_bfe32a6ab9 {\n  background-color: var(--ui-border-color);\n}\n.toggle_49e6f2da4e.notSelected_bfe32a6ab9::after {\n  left: 3px;\n}\n.toggle_49e6f2da4e.disabled_e5a37feb65 {\n  opacity: var(--disabled-component-opacity);\n  cursor: not-allowed;\n}\n.toggle_49e6f2da4e.medium_9e9821bb82 {\n  --toggle-width: 41px;\n  --toggle-height: 24px;\n}\n.toggle_49e6f2da4e.medium_9e9821bb82::after {\n  --circle-size: 18px;\n}\n.toggle_49e6f2da4e.small_3af6b2cd77 {\n  --toggle-width: 28px;\n  --toggle-height: 16px;\n}\n.toggle_49e6f2da4e.small_3af6b2cd77::after {\n  --circle-size: 12px;\n  top: calc(50% - 6px);\n  left: 14px;\n}\n.toggle_49e6f2da4e.small_3af6b2cd77.notSelected_bfe32a6ab9::after {\n  left: 2px;\n}');export{e as default};
 //# sourceMappingURL=MockToggle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_1a921005c6","focus-visible":"focus-visible_2a7b1bda82",wrapper:"wrapper_4b95926bd3"};!function(e){const n="s_id-4fb1f14d4bb9_3_54_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_1a921005c6:focus-visible ~ div, .toggleInput_1a921005c6.focus-visible_2a7b1bda82 ~ 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_4b95926bd3 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_3192feee45","focus-visible":"focus-visible_596858d81b",wrapper:"wrapper_7f6a1b5076"};!function(e){const n="s_id-4fb1f14d4bb9_3_54_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_3192feee45:focus-visible ~ div, .toggleInput_3192feee45.focus-visible_596858d81b ~ 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_7f6a1b5076 {\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

@@ -1,2 +1,2 @@
-var e={text:"text_9d838c2a96",disabled:"disabled_8dd406ea73"};!function(e){const t="s_id-1dee71639eb3_3_54_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_9d838c2a96 {\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_8dd406ea73 {\n  color: var(--disabled-text-color);\n}");export{e as default};
+var e={text:"text_bb217f5ada",disabled:"disabled_70d8d6c40d"};!function(e){const t="s_id-1dee71639eb3_3_54_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".text_bb217f5ada {\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_70d8d6c40d {\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

@@ -1,2 +1,2 @@
-var e={tooltip:"tooltip_1a136b6ac2",image:"image_2b257ccd12",title:"title_45af2089c9",content:"content_9efad484fb",paddingSizeMd:"paddingSizeMd_37ef58d4a7",tooltipWhiteLink:"tooltipWhiteLink_6995b9f26d",arrow:"arrow_6e2e2f3c2e",dark:"dark_a4584e7f3e",primary:"primary_f739ba23ed"};!function(e){const a="s_id-6a6e92472798_3_54_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tooltip_1a136b6ac2 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_1a136b6ac2 .image_2b257ccd12 {\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_1a136b6ac2 .title_45af2089c9 {\n  font: var(--font-text2-bold);\n}\n.tooltip_1a136b6ac2 .content_9efad484fb {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_1a136b6ac2.paddingSizeMd_37ef58d4a7 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_1a136b6ac2 a.tooltipWhiteLink_6995b9f26d {\n  color: #fff;\n}\n.arrow_6e2e2f3c2e,\n.dark_a4584e7f3e,\n.arrow_6e2e2f3c2e.dark_a4584e7f3e {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.dark_a4584e7f3e, .black-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.dark_a4584e7f3e, .hacker-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.dark_a4584e7f3e,\n.dark-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.primary_f739ba23ed,\n.black-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.primary_f739ba23ed,\n.hacker-app-theme .arrow_6e2e2f3c2e.arrow_6e2e2f3c2e.primary_f739ba23ed {\n  box-shadow: none;\n}\n.primary_f739ba23ed,\n.arrow_6e2e2f3c2e.primary_f739ba23ed {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{e as default};
+var r={tooltip:"tooltip_bda5c4c42b",image:"image_48d1a576ad",title:"title_29c39d2a00",content:"content_4e0d337f32",paddingSizeMd:"paddingSizeMd_ccdc25fc31",tooltipWhiteLink:"tooltipWhiteLink_b38212cb2c",arrow:"arrow_441647b964",dark:"dark_1e41905f2d",primary:"primary_95845ec487"};!function(r){const o="s_id-6a6e92472798_3_54_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}(".tooltip_bda5c4c42b {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_bda5c4c42b .image_48d1a576ad {\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_bda5c4c42b .title_29c39d2a00 {\n  font: var(--font-text2-bold);\n}\n.tooltip_bda5c4c42b .content_4e0d337f32 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_bda5c4c42b.paddingSizeMd_ccdc25fc31 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_bda5c4c42b a.tooltipWhiteLink_b38212cb2c {\n  color: #fff;\n}\n.arrow_441647b964,\n.dark_1e41905f2d,\n.arrow_441647b964.dark_1e41905f2d {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_441647b964.arrow_441647b964.dark_1e41905f2d, .black-app-theme .arrow_441647b964.arrow_441647b964.dark_1e41905f2d, .hacker-app-theme .arrow_441647b964.arrow_441647b964.dark_1e41905f2d,\n.dark-app-theme .arrow_441647b964.arrow_441647b964.primary_95845ec487,\n.black-app-theme .arrow_441647b964.arrow_441647b964.primary_95845ec487,\n.hacker-app-theme .arrow_441647b964.arrow_441647b964.primary_95845ec487 {\n  box-shadow: none;\n}\n.primary_95845ec487,\n.arrow_441647b964.primary_95845ec487 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={typography:"typography_db2045d8a1","focus-visible":"focus-visible_665f4d072d",primary:"primary_bcb32cdddb",secondary:"secondary_40c831306e",negative:"negative_81f20e7e84",onPrimary:"onPrimary_dc0a2d2e16",onInverted:"onInverted_2a895c192f",fixedLight:"fixedLight_8a4e4267b4",fixedDark:"fixedDark_ef8744e7dc",inherit:"inherit_cccdb141c5",alignInherit:"alignInherit_0caf711213",start:"start_89a636ecd3",center:"center_5c1a5ac3c1",end:"end_2b4b1cbae0",singleLineEllipsis:"singleLineEllipsis_85faa22c2e",multiLineEllipsis:"multiLineEllipsis_cc255516ac"};!function(e){const n="s_id-1a3a21ac499a_3_54_1";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_db2045d8a1 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_db2045d8a1 > a:focus-visible, .typography_db2045d8a1 > a.focus-visible_665f4d072d {\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_db2045d8a1 > a:focus:not(.focus-visible_665f4d072d) {\n  outline: none;\n}\n.typography_db2045d8a1 > a:hover {\n  text-decoration: underline;\n}\n.typography_db2045d8a1:disabled, .typography_db2045d8a1[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_bcb32cdddb {\n  color: var(--primary-text-color);\n}\n.secondary_40c831306e {\n  color: var(--secondary-text-color);\n}\n.negative_81f20e7e84 {\n  color: var(--color-error);\n}\n.onPrimary_dc0a2d2e16 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_dc0a2d2e16 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_2a895c192f {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_2a895c192f a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_8a4e4267b4 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_8a4e4267b4 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_ef8744e7dc {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_ef8744e7dc a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_cccdb141c5 {\n  color: inherit;\n}\n.inherit_cccdb141c5 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_0caf711213 {\n  text-align: inherit;\n}\n.start_89a636ecd3 {\n  text-align: start;\n}\n.center_5c1a5ac3c1 {\n  text-align: center;\n}\n.end_2b4b1cbae0 {\n  text-align: end;\n}\n.singleLineEllipsis_85faa22c2e {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_cc255516ac {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
+var e={typography:"typography_86e041f550","focus-visible":"focus-visible_81ac3324a5",primary:"primary_50acad1a9c",secondary:"secondary_b8f3a9f609",negative:"negative_269d6bfb38",onPrimary:"onPrimary_ed0b6497ec",onInverted:"onInverted_8ba42887d7",fixedLight:"fixedLight_64edaa4ff7",fixedDark:"fixedDark_f54e1fe82c",inherit:"inherit_e5091ddd11",alignInherit:"alignInherit_c77995c802",start:"start_355ca1caeb",center:"center_80103d46f1",end:"end_bfff8f1494",singleLineEllipsis:"singleLineEllipsis_ff192f9bd4",multiLineEllipsis:"multiLineEllipsis_e933b2a118"};!function(e){const n="s_id-1a3a21ac499a_3_54_2";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_86e041f550 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_86e041f550 > a:focus-visible, .typography_86e041f550 > a.focus-visible_81ac3324a5 {\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_86e041f550 > a:focus:not(.focus-visible_81ac3324a5) {\n  outline: none;\n}\n.typography_86e041f550 > a:hover {\n  text-decoration: underline;\n}\n.typography_86e041f550:disabled, .typography_86e041f550[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_50acad1a9c {\n  color: var(--primary-text-color);\n}\n.secondary_b8f3a9f609 {\n  color: var(--secondary-text-color);\n}\n.negative_269d6bfb38 {\n  color: var(--color-error);\n}\n.onPrimary_ed0b6497ec {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_ed0b6497ec a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_8ba42887d7 {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_8ba42887d7 a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_64edaa4ff7 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_64edaa4ff7 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_f54e1fe82c {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_f54e1fe82c a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_e5091ddd11 {\n  color: inherit;\n}\n.inherit_e5091ddd11 a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_c77995c802 {\n  text-align: inherit;\n}\n.start_355ca1caeb {\n  text-align: start;\n}\n.center_80103d46f1 {\n  text-align: center;\n}\n.end_bfff8f1494 {\n  text-align: end;\n}\n.singleLineEllipsis_ff192f9bd4 {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_e933b2a118 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
 //# sourceMappingURL=Typography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_3373de4735"};!function(e){const t="s_id-03a8eed790d8_3_54_1";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_3373de4735 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_900d3e5b2f"};!function(e){const t="s_id-03a8eed790d8_3_54_2";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_900d3e5b2f {\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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_3373de4735"};!function(e){const t="s_id-9250e4cf6c59_3_54_1";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_3373de4735 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_900d3e5b2f"};!function(e){const t="s_id-9250e4cf6c59_3_54_2";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_900d3e5b2f {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/components/next.js

@@ -1,2 +1,2 @@
-export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";
+export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";export{default as Dropdown}from"./DropdownNew/Dropdown.js";
 //# sourceMappingURL=next.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js

@@ -0,0 +1,2 @@
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useRef as e,useCallback as t}from"react";import u from"../ssr/useIsomorphicLayoutEffect.js";function i(i){var c=i.containerRef,o=i.gap,l=i.deductedSpaceRef,f=i.itemRefs,a=n(f.length),s=r(a,2),g=s[0],d=s[1],h=e([]),v=e(0),m=e(!1),p=t((function(){var r=null==c?void 0:c.current;if(r&&f.length){for(var n=r.offsetWidth-v.current,e=0,t=0,u=Math.min(f.length,h.current.length),i=0;u>i;i++){var l=h.current[i],a=i>0?l+o:l;if(e+a>n)break;e+=a,t++}d(t)}else d(f.length)}),[c,f,o]),R=t((function(){v.current=(null==l?void 0:l.current)?l.current.getBoundingClientRect().width:0}),[l]),b=t((function(){m.current||(m.current=!0,requestAnimationFrame((function(){try{if(!c.current||!f.length)return void d(f.length);R();var r=f.map((function(r){return r.current})).filter((function(r){return null!==r}));if(0===r.length)return d(0),void(h.current=[]);h.current=r.map((function(r){return r.getBoundingClientRect().width})),p()}finally{m.current=!1}})))}),[c,f,p,R]);return u((function(){if(c.current){var r=new ResizeObserver((function(){f.length>0?h.current.length?(R(),p()):b():(d(0),h.current=[])}));return r.observe(c.current),(null==l?void 0:l.current)&&r.observe(l.current),function(){return r.disconnect()}}}),[c,l,R,p,b,f]),u((function(){f.length>0?b():(d(0),h.current=[])}),[f,b]),g}export{i as default};
+//# sourceMappingURL=useItemsOverflow.js.map

package/dist/src/hooks/useItemsOverflow/useItemsOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemsOverflow.js","sources":["../../../../src/hooks/useItemsOverflow/useItemsOverflow.ts"],"sourcesContent":["import { RefObject, useCallback, useState, useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"../ssr/useIsomorphicLayoutEffect\";\n\n/**\n * Custom hook that calculates how many items can fit in a container without overflowing\n */\nexport default function useItemsOverflow({\n  containerRef,\n  gap,\n  deductedSpaceRef,\n  itemRefs\n}: {\n  containerRef: RefObject<HTMLElement>;\n  gap: number;\n  deductedSpaceRef?: RefObject<HTMLElement>;\n  itemRefs: RefObject<HTMLElement>[];\n}) {\n  const [visibleCount, setVisibleCount] = useState<number>(itemRefs.length);\n  const itemWidthsRef = useRef<number[]>([]);\n  const deductedWidthRef = useRef<number>(0);\n  const isCalculatingRef = useRef(false);\n\n  const calculateFromCachedWidths = useCallback(() => {\n    const container = containerRef?.current;\n    if (!container || !itemRefs.length) {\n      setVisibleCount(itemRefs.length);\n      return;\n    }\n\n    const containerWidth = container.offsetWidth;\n    const deductedWidth = deductedWidthRef.current;\n    const availableWidth = containerWidth - deductedWidth;\n\n    let totalItemsWidth = 0;\n    let count = 0;\n\n    const maxIter = Math.min(itemRefs.length, itemWidthsRef.current.length);\n\n    for (let i = 0; i < maxIter; i++) {\n      const itemWidth = itemWidthsRef.current[i];\n      const itemWidthWithGap = i > 0 ? itemWidth + gap : itemWidth;\n\n      if (totalItemsWidth + itemWidthWithGap <= availableWidth) {\n        totalItemsWidth += itemWidthWithGap;\n        count++;\n      } else {\n        break;\n      }\n    }\n    setVisibleCount(count);\n  }, [containerRef, itemRefs, gap]);\n\n  const measureDeductedWidth = useCallback(() => {\n    if (deductedSpaceRef?.current) {\n      deductedWidthRef.current = deductedSpaceRef.current.getBoundingClientRect().width;\n    } else {\n      deductedWidthRef.current = 0;\n    }\n  }, [deductedSpaceRef]);\n\n  const measureAndCacheItems = useCallback(() => {\n    if (isCalculatingRef.current) return;\n    isCalculatingRef.current = true;\n\n    requestAnimationFrame(() => {\n      try {\n        const container = containerRef.current;\n        if (!container || !itemRefs.length) {\n          setVisibleCount(itemRefs.length);\n          return;\n        }\n\n        measureDeductedWidth();\n\n        const itemElements = itemRefs.map(ref => ref.current).filter(el => el !== null) as HTMLElement[];\n\n        if (itemElements.length === 0) {\n          setVisibleCount(0);\n          itemWidthsRef.current = [];\n          return;\n        }\n\n        itemWidthsRef.current = itemElements.map(item => item.getBoundingClientRect().width);\n        calculateFromCachedWidths();\n      } finally {\n        isCalculatingRef.current = false;\n      }\n    });\n  }, [containerRef, itemRefs, calculateFromCachedWidths, measureDeductedWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver(() => {\n      if (itemRefs.length > 0) {\n        if (itemWidthsRef.current.length) {\n          measureDeductedWidth();\n          calculateFromCachedWidths();\n        } else {\n          measureAndCacheItems();\n        }\n      } else {\n        setVisibleCount(0);\n        itemWidthsRef.current = [];\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    if (deductedSpaceRef?.current) {\n      resizeObserver.observe(deductedSpaceRef.current);\n    }\n\n    return () => resizeObserver.disconnect();\n  }, [containerRef, deductedSpaceRef, measureDeductedWidth, calculateFromCachedWidths, measureAndCacheItems, itemRefs]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (itemRefs.length > 0) {\n      measureAndCacheItems();\n    } else {\n      setVisibleCount(0);\n      itemWidthsRef.current = [];\n    }\n  }, [itemRefs, measureAndCacheItems]);\n\n  return visibleCount;\n}\n"],"names":["useItemsOverflow","_ref","containerRef","gap","deductedSpaceRef","itemRefs","_useState","useState","length","_useState2","_slicedToArray","visibleCount","setVisibleCount","itemWidthsRef","useRef","deductedWidthRef","isCalculatingRef","calculateFromCachedWidths","useCallback","container","current","availableWidth","offsetWidth","totalItemsWidth","count","maxIter","Math","min","i","itemWidth","itemWidthWithGap","measureDeductedWidth","getBoundingClientRect","width","measureAndCacheItems","requestAnimationFrame","itemElements","map","ref","filter","el","item","useIsomorphicLayoutEffect","resizeObserver","ResizeObserver","observe","disconnect"],"mappings":"gMAMwB,SAAAA,EAAgBC,GAUvC,IATCC,EAAYD,EAAZC,aACAC,EAAGF,EAAHE,IACAC,EAAgBH,EAAhBG,iBACAC,EAAQJ,EAARI,SAOAC,EAAwCC,EAAiBF,EAASG,QAAOC,EAAAC,EAAAJ,EAAA,GAAlEK,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BI,EAAgBC,EAAiB,IACjCC,EAAmBD,EAAe,GAClCE,EAAmBF,GAAO,GAE1BG,EAA4BC,GAAY,WAC5C,IAAMC,EAAYjB,aAAA,EAAAA,EAAckB,QAChC,GAAKD,GAAcd,EAASG,OAA5B,CAcA,IATA,IAEMa,EAFiBF,EAAUG,YACXP,EAAiBK,QAGnCG,EAAkB,EAClBC,EAAQ,EAENC,EAAUC,KAAKC,IAAItB,EAASG,OAAQK,EAAcO,QAAQZ,QAEvDoB,EAAI,EAAOH,EAAJG,EAAaA,IAAK,CAChC,IAAMC,EAAYhB,EAAcO,QAAQQ,GAClCE,EAAmBF,EAAI,EAAIC,EAAY1B,EAAM0B,EAEnD,GAAIN,EAAkBO,EAAoBT,EAIxC,MAHAE,GAAmBO,EACnBN,GAIH,CACDZ,EAAgBY,EAtBf,MAFCZ,EAAgBP,EAASG,OAyB5B,GAAE,CAACN,EAAcG,EAAUF,IAEtB4B,EAAuBb,GAAY,WAErCH,EAAiBK,SADfhB,eAAAA,EAAkBgB,SACOhB,EAAiBgB,QAAQY,wBAAwBC,MAEjD,CAE/B,GAAG,CAAC7B,IAEE8B,EAAuBhB,GAAY,WACnCF,EAAiBI,UACrBJ,EAAiBI,SAAU,EAE3Be,uBAAsB,WACpB,IAEE,IADkBjC,EAAakB,UACZf,EAASG,OAE1B,YADAI,EAAgBP,EAASG,QAI3BuB,IAEA,IAAMK,EAAe/B,EAASgC,KAAI,SAAAC,GAAG,OAAIA,EAAIlB,OAAO,IAAEmB,QAAO,SAAAC,GAAE,OAAW,OAAPA,KAEnE,GAA4B,IAAxBJ,EAAa5B,OAGf,OAFAI,EAAgB,QAChBC,EAAcO,QAAU,IAI1BP,EAAcO,QAAUgB,EAAaC,KAAI,SAAAI,GAAI,OAAIA,EAAKT,wBAAwBC,SAC9EhB,GACD,CAAS,QACRD,EAAiBI,SAAU,CAC5B,CACH,IACD,GAAE,CAAClB,EAAcG,EAAUY,EAA2Bc,IAqCvD,OAnCAW,GAA0B,WACxB,GAAKxC,EAAakB,QAAlB,CAEA,IAAMuB,EAAiB,IAAIC,gBAAe,WACpCvC,EAASG,OAAS,EAChBK,EAAcO,QAAQZ,QACxBuB,IACAd,KAEAiB,KAGFtB,EAAgB,GAChBC,EAAcO,QAAU,GAE5B,IAQA,OANAuB,EAAeE,QAAQ3C,EAAakB,UAEhChB,eAAAA,EAAkBgB,UACpBuB,EAAeE,QAAQzC,EAAiBgB,SAGnC,WAAA,OAAMuB,EAAeG,YAAY,CAtBb,CAuB7B,GAAG,CAAC5C,EAAcE,EAAkB2B,EAAsBd,EAA2BiB,EAAsB7B,IAE3GqC,GAA0B,WACpBrC,EAASG,OAAS,EACpB0B,KAEAtB,EAAgB,GAChBC,EAAcO,QAAU,GAE5B,GAAG,CAACf,EAAU6B,IAEPvB,CACT"}