@vibe/core 3.28.0-alpha-df61a.0 → 3.28.1-alpha-e7b89.0

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_b4ccac9658","placeholder-container":"placeholder-container_42a29f7870","multiselect-chip-multi-line":"multiselect-chip-multi-line_5e1fcfe92f","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_5c53120f5c","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_a6b4a05759","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_34d6eae5c6","multiselect-chip-disabled":"multiselect-chip-disabled_15da645c0f","value-container":"value-container_455bc90545","value-container-chips":"value-container-chips_dce1b9a126","without-placeholder":"without-placeholder_42a29f7870",valueDialogContent:"valueDialogContent_1c08b1729e",chips:"chips_dce1b9a126"};!function(e){const n="s_id-ae46b2835ce0_3_27_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_b4ccac9658 {\n  display: flex;\n}\n\n.placeholder-container_42a29f7870 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_5e1fcfe92f {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_5c53120f5c {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_a6b4a05759 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_34d6eae5c6 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_15da645c0f {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_455bc90545 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_dce1b9a126 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_dce1b9a126.without-placeholder_42a29f7870 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_1c08b1729e {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_1c08b1729e::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_1c08b1729e::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_1c08b1729e .chips_dce1b9a126 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_12d6a2c6c4","placeholder-container":"placeholder-container_cfdf85a5df","multiselect-chip-multi-line":"multiselect-chip-multi-line_15fdc5697a","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_93346352a9","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_9a404b1448","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_af8c498e7e","multiselect-chip-disabled":"multiselect-chip-disabled_ddc3881a63","value-container":"value-container_58645751f5","value-container-chips":"value-container-chips_411a149313","without-placeholder":"without-placeholder_cfdf85a5df",valueDialogContent:"valueDialogContent_5ae2a32ecd",chips:"chips_411a149313"};!function(e){const n="s_id-ae46b2835ce0_3_28_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_12d6a2c6c4 {\n  display: flex;\n}\n\n.placeholder-container_cfdf85a5df {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_15fdc5697a {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_93346352a9 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_9a404b1448 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_af8c498e7e {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_ddc3881a63 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_58645751f5 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_411a149313 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_411a149313.without-placeholder_cfdf85a5df {\n  margin-left: 6px;\n}\n\n.valueDialogContent_5ae2a32ecd {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_5ae2a32ecd::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_5ae2a32ecd::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_5ae2a32ecd .chips_411a149313 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_ea1e1a5469",fadeIn:"fadeIn_292cc5093f",withoutAnimation:"withoutAnimation_4875e73db3",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_cfb8fa0c85"};!function(e){const n="s_id-11829aafa26c_3_27_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_ea1e1a5469 {\n  animation: fadeIn_292cc5093f var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_ea1e1a5469.withoutAnimation_4875e73db3 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_cfb8fa0c85 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_292cc5093f {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper_d804a513a4",fadeIn:"fadeIn_6f7c6852b0",withoutAnimation:"withoutAnimation_856451d926",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_33374e6235"};!function(n){const e="s_id-11829aafa26c_3_28_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper_d804a513a4 {\n  animation: fadeIn_6f7c6852b0 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_d804a513a4.withoutAnimation_856451d926 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_33374e6235 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_6f7c6852b0 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/src/components/Dropdown/components/option/option.module.scss.js

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_717f36e059"};!function(e){const t="s_id-64f14b86843f_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_717f36e059 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_91f316f95b"};!function(e){const t="s_id-64f14b86843f_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_91f316f95b {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_bd470fceda"};!function(e){const n="s_id-a262ceec984a_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_bd470fceda {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_e583e8d1f7"};!function(e){const n="s_id-a262ceec984a_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_e583e8d1f7 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_a0bf919307",h1Medium:"h1Medium_82db54de21",h1Normal:"h1Normal_665e24049e",h1Light:"h1Light_d5e7bda62e",h2Bold:"h2Bold_0e43b5e849",h2Medium:"h2Medium_e3c1fb98e9",h2Normal:"h2Normal_f9799037e6",h2Light:"h2Light_951d2a1077",h3Bold:"h3Bold_4040b70480",h3Medium:"h3Medium_290345cd19",h3Normal:"h3Normal_935023646d",h3Light:"h3Light_9b3a372e2b"};!function(n){const o="s_id-81b561c226b7_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_a0bf919307 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_82db54de21 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_665e24049e {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_d5e7bda62e {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_0e43b5e849 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_e3c1fb98e9 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_f9799037e6 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_951d2a1077 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_4040b70480 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_290345cd19 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_935023646d {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_9b3a372e2b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_2f7bda9dcd",h1Medium:"h1Medium_fb87e05d6a",h1Normal:"h1Normal_799647c312",h1Light:"h1Light_374b0f0d3e",h2Bold:"h2Bold_243125829a",h2Medium:"h2Medium_adfa3e56ff",h2Normal:"h2Normal_ef94f00ef2",h2Light:"h2Light_68230bd3f4",h3Bold:"h3Bold_b9e3e74e5f",h3Medium:"h3Medium_4ebab90662",h3Normal:"h3Normal_56fa7b69bd",h3Light:"h3Light_0de4b9e9bb"};!function(n){const o="s_id-81b561c226b7_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_2f7bda9dcd {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_fb87e05d6a {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_799647c312 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_374b0f0d3e {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_243125829a {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_adfa3e56ff {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_ef94f00ef2 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_68230bd3f4 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_b9e3e74e5f {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_4ebab90662 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_56fa7b69bd {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_0de4b9e9bb {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"../Text/TextConstants\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * Sets the Text type\n   * */\n  type?: TextType;\n  /**\n   * Sets the Text weight\n   */\n  weight?: TextWeight;\n  /**\n   * Enables editing multiple lines of text\n   */\n  multiline?: boolean;\n  /**\n   * Maximum number of rows for multiline text\n   */\n  multilineMaxRows?: number;\n}\n\nconst EditableText: VibeComponent<EditableTextProps, HTMLElement> & {\n  types?: typeof TextTypeEnum;\n  weights?: typeof TextWeightEnum;\n} = forwardRef(\n  (\n    {\n      type = \"text2\",\n      weight = \"normal\",\n      \"data-testid\": dataTestId,\n      id,\n      multiline,\n      ...editableTypographyProps\n    }: EditableTextProps,\n    ref\n  ) => {\n    return (\n      <EditableTypography\n        className={styles.editableText}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n        component={Text}\n        typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n        clearable\n        type={type}\n        weight={weight}\n        multiline={multiline}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(EditableText, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable","types","TextTypeEnum","weights","TextWeightEnum"],"mappings":"mmBA+BA,IAgCeA,EAAAA,EA7BXC,GACF,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV,IAG2C,CAC3CqB,MAAOC,EACPC,QAASC"}
+{"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\nimport EditableTypography, { EditableTypographyImplementationProps } from \"../EditableTypography/EditableTypography\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"../Text/TextConstants\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * Sets the Text type\n   * */\n  type?: TextType;\n  /** Sets the Text weight\n   */\n  weight?: TextWeight;\n  /** Enables editing multiple lines of text\n   */\n  multiline?: boolean;\n}\n\nconst EditableText: VibeComponent<EditableTextProps, HTMLElement> & {\n  types?: typeof TextTypeEnum;\n  weights?: typeof TextWeightEnum;\n} = forwardRef(\n  (\n    {\n      type = \"text2\",\n      weight = \"normal\",\n      \"data-testid\": dataTestId,\n      id,\n      multiline,\n      ...editableTypographyProps\n    }: EditableTextProps,\n    ref\n  ) => {\n    return (\n      <EditableTypography\n        className={styles.editableText}\n        ref={ref}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n        component={Text}\n        typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n        clearable\n        type={type}\n        weight={weight}\n        multiline={multiline}\n        {...editableTypographyProps}\n      />\n    );\n  }\n);\n\nexport default withStaticProps(EditableText, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable","types","TextTypeEnum","weights","TextWeightEnum"],"mappings":"mmBAyBA,IAgCeA,EAAAA,EA7BXC,GACF,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV,IAG2C,CAC3CqB,MAAOC,EACPC,QAASC"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_864e9e0b15",text1Medium:"text1Medium_8c5a7ffa96",text1Normal:"text1Normal_1fc8e3f126",text2Bold:"text2Bold_c810996fbb",text2Medium:"text2Medium_43ee1e68a8",text2Normal:"text2Normal_f54cc4fdb8",text3Bold:"text3Bold_7abf8195ec",text3Medium:"text3Medium_b612bbb057",text3Normal:"text3Normal_da5d691f8b",editableText:"editableText_d796513809",typography:"typography_cf0bb7ac33"};!function(t){const e="s_id-bcdc5f69e9db_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_864e9e0b15 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_8c5a7ffa96 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_1fc8e3f126 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_c810996fbb {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_43ee1e68a8 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_f54cc4fdb8 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_7abf8195ec {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_b612bbb057 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_da5d691f8b {\n  font: var(--font-text3-normal);\n}\n\n.editableText_d796513809 .typography_cf0bb7ac33 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_591e83366e",text1Medium:"text1Medium_04d5d7d733",text1Normal:"text1Normal_8b2c5f03ab",text2Bold:"text2Bold_579d93ae00",text2Medium:"text2Medium_c50222cce2",text2Normal:"text2Normal_11052618ba",text3Bold:"text3Bold_7a4628aad5",text3Medium:"text3Medium_a5274d2596",text3Normal:"text3Normal_8b9b3281fe",editableText:"editableText_b5a3514051",typography:"typography_5b161f3e94"};!function(t){const e="s_id-bcdc5f69e9db_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_591e83366e {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_04d5d7d733 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_8b2c5f03ab {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_579d93ae00 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_c50222cce2 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_11052618ba {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_7a4628aad5 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_a5274d2596 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_8b9b3281fe {\n  font: var(--font-text3-normal);\n}\n\n.editableText_b5a3514051 .typography_5b161f3e94 {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as p}from"../../hooks/useKeyboardButtonPressedFunc.js";import d from"../../hooks/usePrevious/index.js";import f from"../../hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var h=n.id,v=n.className,y=n["data-testid"],g=n.value,b=n.onChange,E=n.onClick,x=n.readOnly,P=void 0!==x&&x,C=n.ariaLabel,k=void 0===C?"":C,w=n.placeholder,j=n.clearable,N=n.typographyClassName,D=n.component,M=n.isEditMode,B=n.autoSelectTextOnEditMode,K=n.onEditModeChange,R=n.tooltipProps,T=n.type,L=n.weight,S=n.multiline,A=void 0!==S&&S,H=n.multilineMaxRows,I=l(null),O=u(m,I),_=r(M||!1),z=e(_,2),F=z[0],q=z[1],G=r(g),J=e(G,2),Q=J[0],U=J[1],V=d(g),W=l(null),X=l(null);function Y(e){P||F||(e.preventDefault(),Z(!0))}function Z(e){null==K||K(e),q(e)}function $(){(Z(!1),g!==Q)&&(Q||j&&w?(U(Q),null==b||b(Q)):U(g))}function ee(){$()}function te(e){if(e.key===c.ENTER){if(A&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),$()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Z(!1),U(g))}function oe(e){U(e.target.value)}a((function(){F||g===V||g===Q||U(g)}),[V,F,g,Q]),a((function(){q(M)}),[M]);var ne=p(Y);return a((function(){var e,t;F&&(!function(){var e,t;if(null===(t=null===(e=W.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),W.current){var o=W.current,n=o.value.length;o.setSelectionRange(n,n)}}(),B&&(null===(t=null===(e=W.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[B,F]),f((function(){var e;if(X.current){var t=X.current.getBoundingClientRect();if(null===(e=null==W?void 0:W.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),A&&!H){var o=null==W?void 0:W.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[Q,F]),o.createElement("div",{ref:O,id:h,"aria-label":k,"data-testid":y,className:i(s.editableTypography,v),role:F?null:"button",onClick:function(e){null==E||E(e),Y(e)},onKeyDown:ne},F&&(A?o.createElement("textarea",{ref:W,className:i(s.textarea,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":k,placeholder:w,role:"textbox",rows:H?Math.min(Q.split("\n").length,H):1}):o.createElement("input",{ref:W,className:i(s.input,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":k,placeholder:w,role:"input"})),o.createElement(D,{ref:X,"aria-hidden":F,className:i(s.typography,N,t(t(t(t({},s.hidden,F),s.disabled,P),s.placeholder,!Q&&w),s.multiline,!F&&A)),tabIndex:0,tooltipProps:R,weight:L,type:T,maxLines:H},Q||w))}));export{m as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as p}from"../../hooks/useKeyboardButtonPressedFunc.js";import d from"../../hooks/usePrevious/index.js";import f from"../../hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,b=n.onChange,E=n.onClick,P=n.readOnly,x=void 0!==P&&P,C=n.ariaLabel,k=void 0===C?"":C,j=n.placeholder,w=n.clearable,N=n.typographyClassName,D=n.component,B=n.isEditMode,K=n.autoSelectTextOnEditMode,T=n.onEditModeChange,M=n.tooltipProps,R=n.type,S=n.weight,A=n.multiline,H=void 0!==A&&A,I=l(null),L=u(m,I),O=r(B||!1),_=e(O,2),z=_[0],F=_[1],q=r(g),G=e(q,2),J=G[0],Q=G[1],U=d(g),V=l(null),W=l(null);function X(e){x||z||(e.preventDefault(),Y(!0))}function Y(e){null==T||T(e),F(e)}function Z(){(Y(!1),g!==J)&&(J||w&&j?(Q(J),null==b||b(J)):Q(g))}function $(){Z()}function ee(e){if(e.key===c.ENTER){if(H&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),Z()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Y(!1),Q(g))}function te(e){Q(e.target.value)}a((function(){z||g===U||g===J||Q(g)}),[U,z,g,J]),a((function(){F(B)}),[B]);var oe=p(X);return a((function(){var e,t;z&&(!function(){var e,t;if(null===(t=null===(e=V.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),V.current){var o=V.current,n=o.value.length;o.setSelectionRange(n,n)}}(),K&&(null===(t=null===(e=V.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[K,z]),f((function(){var e;if(W.current){var t=W.current.getBoundingClientRect();if(null===(e=null==V?void 0:V.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),H){var o=null==V?void 0:V.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[J,z]),o.createElement("div",{ref:L,id:v,"aria-label":k,"data-testid":y,className:i(s.editableTypography,h),role:z?null:"button",onClick:function(e){null==E||E(e),X(e)},onKeyDown:oe},z&&(H?o.createElement("textarea",{ref:V,className:i(s.textarea,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:V,className:i(s.input,N),value:J,onChange:te,onKeyDown:ee,onBlur:$,"aria-label":k,placeholder:j,role:"input"})),o.createElement(D,{ref:W,"aria-hidden":z,className:i(s.typography,N,t(t(t(t({},s.hidden,z),s.disabled,x),s.placeholder,!J&&j),s.multiline,!z&&H)),tabIndex:0,tooltipProps:M,weight:S,type:R,ellipsis:!H},J||j))}));export{m as default};
 //# sourceMappingURL=EditableTypography.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n  /** Value of the text */\n  value: string;\n  /** Will be called whenever the current value changes to a non-empty value */\n  onChange?: (value: string) => void;\n  /** Will be called whenever the component gets clicked */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /** Disables editing mode - component will be just a typography element */\n  readOnly?: boolean;\n  /** Shown in edit mode when the text value is empty */\n  placeholder?: string;\n  /** ARIA Label */\n  ariaLabel?: string;\n  /** Controls the mode of the component (i.e. view/edit mode) */\n  isEditMode?: boolean;\n  /** If true, automatically select all text when entering edit mode */\n  autoSelectTextOnEditMode?: boolean;\n  /** Will be called when the mode of the component changes */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /** Override Tooltip props when needed */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /** A typography component that is being rendered in view mode */\n  component: ElementType;\n  /** Controls the style of the typography component in view mode */\n  typographyClassName: string;\n  /** Shows placeholder when empty, if provided */\n  clearable?: boolean;\n  /** Sets the Text/Heading type */\n  type?: TextType | HeadingType;\n  /** Sets the Text/Heading weight */\n  weight?: TextWeight | HeadingWeight;\n  /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n  multiline?: boolean;\n  /** Maximum number of rows for multiline text */\n  multilineMaxRows?: number;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false,\n      multilineMaxRows\n    }: EditableTypographyProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        event.preventDefault();\n        event.stopPropagation();\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n      if (multiline && !multilineMaxRows) {\n        const textareaElement = inputRef?.current as HTMLTextAreaElement;\n        textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n        textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n      }\n    }, [inputValue, isEditing]);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"textbox\"\n              rows={multilineMaxRows ? Math.min(inputValue.split(\"\\n\").length, multilineMaxRows) : 1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          maxLines={multilineMaxRows}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","multilineMaxRows","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","Math","min","split","input","typography","_defineProperty","hidden","disabled","tabIndex","maxLines"],"mappings":"wkBAsDA,IAEMA,EAA0EC,GAC9E,SAAAC,EAuBEC,GACE,IAtBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAgBzB,EAAhByB,iBAIIC,EAAeC,EAAO,MACtBC,EAAYC,EAAY5B,EAAKyB,GAEnCI,EAAkCC,EAASd,IAAc,GAAMe,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAAS1B,GAAMgC,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYpC,GAExBqC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBpC,GAAYyB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqB1C,GAC5Bc,SAAAA,EAAmBd,GACnB8B,EAAa9B,EACf,CAEA,SAAS2C,KACPD,GAAqB,GAEjB1C,IAAUiC,KAKTA,GADkCzB,GAAaD,GAKpD2B,EAAcD,GACdhC,SAAAA,EAAWgC,IAJTC,EAAclC,GAKlB,CAEA,SAAS4C,KACPD,GACF,CAEA,SAASE,GAAcL,GACrB,GAAIA,EAAMM,MAAQC,EAASC,MAAO,CAChC,GAAI7B,GAAaqB,EAAMS,SACrB,OAGFT,EAAMC,iBACND,EAAMU,kBACNP,GACD,CACGH,EAAMM,MAAQC,EAASI,SACzBX,EAAMC,iBACND,EAAMU,kBACNR,GAAqB,GACrBR,EAAclC,GAElB,CAEA,SAASoD,GAAaZ,GACpBN,EAAcM,EAAMa,OAAOrD,MAC7B,CApEAsD,GAAU,WACHzB,GAAa7B,IAAUmC,GAAanC,IAAUiC,GACjDC,EAAclC,EAEjB,GAAE,CAACmC,EAAWN,EAAW7B,EAAOiC,IAEjCqB,GAAU,WACRxB,EAAalB,EACf,GAAG,CAACA,IA8DJ,IAAM2C,GAAyBC,EAA6BjB,GAuC5D,OAvBAe,GAAU,WAJV,QAKOzB,KAfP,mBAGE,WAFA4B,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdvB,EAASqB,QAAS,CACpB,IAAMG,EAAexB,EAASqB,QACxBI,EAAaD,EAAa7D,MAAM+D,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACI/C,YANJ4C,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACpD,EAA0BgB,IAE9BqC,GAA0B,iBACxB,GAAK5B,EAAcoB,QAAnB,CAIA,IAAAS,EAAkB7B,EAAcoB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAtB,eAAAA,EAAUqB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJrD,IAAcC,EAAkB,CAClC,IAAMqD,EAAkBpC,aAAA,EAAAA,EAAUqB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAhJzD,EAgJsF,MACtG,CATA,CAUH,GAAG,CAACzC,EAAYJ,IAGd8C,EACEC,cAAA,MAAA,CAAAhF,IAAK2B,EACL1B,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAW+E,EAAGC,EAAOC,mBAAoBjF,GACzCkF,KAAMnD,EAAY,KAAO,SACzB3B,QA3GJ,SAA2BsC,GACzBtC,SAAAA,EAAUsC,GACVD,EAAeC,EACjB,EAyGIyC,UAAW1B,IAEV1B,IACEV,EACCwD,EACEC,cAAA,WAAA,CAAAhF,IAAKyC,EACLvC,UAAW+E,EAAGC,EAAOI,SAAUzE,GAC/BT,MAAOiC,EACPhC,SAAUmD,GACV6B,UAAWpC,GACXsC,OAAQvC,GACI,aAAAtC,EACZC,YAAaA,EACbyE,KAAK,UACLI,KAAMhE,EAAmBiE,KAAKC,IAAIrD,EAAWsD,MAAM,MAAMxB,OAAQ3C,GAAoB,IAGvFuD,EAAAC,cAAA,QAAA,CACEhF,IAAKyC,EACLvC,UAAW+E,EAAGC,EAAOU,MAAO/E,GAC5BT,MAAOiC,EACPhC,SAAUmD,GACV6B,UAAWpC,GACXsC,OAAQvC,GACI,aAAAtC,EACZC,YAAaA,EACbyE,KAAK,WAGXL,EAAAC,cAAClE,EACC,CAAAd,IAAK0C,gBACQT,EACb/B,UAAW+E,EAAGC,EAAOW,WAAYhF,EAAmBiF,EAAAA,EAAAA,EAAAA,KACjDZ,EAAOa,OAAS9D,GAChBiD,EAAOc,SAAWxF,GAClB0E,EAAOvE,aAAe0B,GAAc1B,GACpCuE,EAAO3D,WAAaU,GAAaV,IAEpC0E,SAAU,EACV9E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN8E,SAAU1E,GAETa,GAAc1B,GAIvB"}
+{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n  /** Value of the text */\n  value: string;\n  /** Will be called whenever the current value changes to a non-empty value */\n  onChange?: (value: string) => void;\n  /** Will be called whenever the component gets clicked */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /** Disables editing mode - component will be just a typography element */\n  readOnly?: boolean;\n  /** Shown in edit mode when the text value is empty */\n  placeholder?: string;\n  /** ARIA Label */\n  ariaLabel?: string;\n  /** Controls the mode of the component (i.e. view/edit mode) */\n  isEditMode?: boolean;\n  /** If true, automatically select all text when entering edit mode */\n  autoSelectTextOnEditMode?: boolean;\n  /** Will be called when the mode of the component changes */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /** Override Tooltip props when needed */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /** A typography component that is being rendered in view mode */\n  component: ElementType;\n  /** Controls the style of the typography component in view mode */\n  typographyClassName: string;\n  /** Shows placeholder when empty, if provided */\n  clearable?: boolean;\n  /** Sets the Text/Heading type */\n  type?: TextType | HeadingType;\n  /** Sets the Text/Heading weight */\n  weight?: TextWeight | HeadingWeight;\n  /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n  multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false\n    }: EditableTypographyProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        event.preventDefault();\n        event.stopPropagation();\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n      if (multiline) {\n        const textareaElement = inputRef?.current as HTMLTextAreaElement;\n        textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n        textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n      }\n    }, [inputValue, isEditing]);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"textbox\"\n              rows={1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          ellipsis={!multiline}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"wkBAoDA,IAEMA,EAA0EC,GAC9E,SAAAC,EAsBEC,GACE,IArBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAASzB,GAAM+B,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYnC,GAExBoC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqBzC,GAC5Bc,SAAAA,EAAmBd,GACnB6B,EAAa7B,EACf,CAEA,SAAS0C,KACPD,GAAqB,GAEjBzC,IAAUgC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACd/B,SAAAA,EAAW+B,IAJTC,EAAcjC,GAKlB,CAEA,SAAS2C,IACPD,GACF,CAEA,SAASE,GAAcL,GACrB,GAAIA,EAAMM,MAAQC,EAASC,MAAO,CAChC,GAAI5B,GAAaoB,EAAMS,SACrB,OAGFT,EAAMC,iBACND,EAAMU,kBACNP,GACD,CACGH,EAAMM,MAAQC,EAASI,SACzBX,EAAMC,iBACND,EAAMU,kBACNR,GAAqB,GACrBR,EAAcjC,GAElB,CAEA,SAASmD,GAAaZ,GACpBN,EAAcM,EAAMa,OAAOpD,MAC7B,CApEAqD,GAAU,WACHzB,GAAa5B,IAAUkC,GAAalC,IAAUgC,GACjDC,EAAcjC,EAEjB,GAAE,CAACkC,EAAWN,EAAW5B,EAAOgC,IAEjCqB,GAAU,WACRxB,EAAajB,EACf,GAAG,CAACA,IA8DJ,IAAM0C,GAAyBC,EAA6BjB,GAuC5D,OAvBAe,GAAU,WAJV,QAKOzB,KAfP,mBAGE,WAFA4B,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdvB,EAASqB,QAAS,CACpB,IAAMG,EAAexB,EAASqB,QACxBI,EAAaD,EAAa5D,MAAM8D,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACI9C,YANJ2C,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACnD,EAA0Be,IAE9BqC,GAA0B,iBACxB,GAAK5B,EAAcoB,QAAnB,CAIA,IAAAS,EAAkB7B,EAAcoB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAtB,eAAAA,EAAUqB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJpD,EAAW,CACb,IAAMqD,EAAkBpC,aAAA,EAAAA,EAAUqB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aA/IzD,EA+IsF,MACtG,CATA,CAUH,GAAG,CAACzC,EAAYJ,IAGd8C,EACEC,cAAA,MAAA,CAAA/E,IAAK0B,EACLzB,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAW8E,EAAGC,EAAOC,mBAAoBhF,GACzCiF,KAAMnD,EAAY,KAAO,SACzB1B,QA3GJ,SAA2BqC,GACzBrC,SAAAA,EAAUqC,GACVD,EAAeC,EACjB,EAyGIyC,UAAW1B,IAEV1B,IACET,EACCuD,EACEC,cAAA,WAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOI,SAAUxE,GAC/BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,eACIrC,EACZC,YAAaA,EACbwE,KAAK,UACLI,KAAM,IAGRT,EACEC,cAAA,QAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOO,MAAO3E,GAC5BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,EAAU,aACNrC,EACZC,YAAaA,EACbwE,KAAK,WAGXL,EAAAC,cAACjE,EACC,CAAAd,IAAKyC,gBACQT,EACb9B,UAAW8E,EAAGC,EAAOQ,WAAY5E,EAAmB6E,EAAAA,EAAAA,EAAAA,KACjDT,EAAOU,OAAS3D,GAChBiD,EAAOW,SAAWpF,GAClByE,EAAOtE,aAAeyB,GAAczB,GACpCsE,EAAO1D,WAAaS,GAAaT,IAEpCsE,SAAU,EACV1E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN0E,UAAWvE,GAEVa,GAAczB,GAIvB"}

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_37edc92e4c",input:"input_97d8ff41d3",textarea:"textarea_b9a635ede3",typography:"typography_38a8c4809a",disabled:"disabled_bc7bca25ba",hidden:"hidden_057794b8f8",placeholder:"placeholder_adc9331a03",multiline:"multiline_46411918e8"};!function(e){const a="s_id-f317f7834cdd_3_27_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_37edc92e4c {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_37edc92e4c .input_97d8ff41d3,\n.editableTypography_37edc92e4c .textarea_b9a635ede3 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_37edc92e4c .input_97d8ff41d3:focus, .editableTypography_37edc92e4c .input_97d8ff41d3:active,\n.editableTypography_37edc92e4c .textarea_b9a635ede3:focus,\n.editableTypography_37edc92e4c .textarea_b9a635ede3:active {\n  outline: none;\n}\n.editableTypography_37edc92e4c .textarea_b9a635ede3 {\n  resize: none;\n  overflow: auto;\n  height: var(--input-height);\n}\n.editableTypography_37edc92e4c .typography_38a8c4809a {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_37edc92e4c .typography_38a8c4809a:hover:not(.disabled_bc7bca25ba) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_37edc92e4c .typography_38a8c4809a.hidden_057794b8f8 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_37edc92e4c .typography_38a8c4809a.placeholder_adc9331a03 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_37edc92e4c .typography_38a8c4809a.multiline_46411918e8 {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_75a2b04c41",input:"input_007adf7b63",textarea:"textarea_a0549e33cb",typography:"typography_e309a9a88a",disabled:"disabled_95c1c07d67",hidden:"hidden_bc2cee7396",placeholder:"placeholder_fad5d3aeb7",multiline:"multiline_c0e2fbab60"};!function(e){const a="s_id-34ea4bd39075_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_75a2b04c41 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_75a2b04c41 .input_007adf7b63,\n.editableTypography_75a2b04c41 .textarea_a0549e33cb {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_75a2b04c41 .input_007adf7b63:focus, .editableTypography_75a2b04c41 .input_007adf7b63:active,\n.editableTypography_75a2b04c41 .textarea_a0549e33cb:focus,\n.editableTypography_75a2b04c41 .textarea_a0549e33cb:active {\n  outline: none;\n}\n.editableTypography_75a2b04c41 .textarea_a0549e33cb {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_75a2b04c41 .typography_e309a9a88a {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_75a2b04c41 .typography_e309a9a88a:hover:not(.disabled_95c1c07d67) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_75a2b04c41 .typography_e309a9a88a.hidden_bc2cee7396 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_75a2b04c41 .typography_e309a9a88a.placeholder_fad5d3aeb7 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_75a2b04c41 .typography_e309a9a88a.multiline_c0e2fbab60 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_228b4f8969",header:"header_fb123c8339","focus-visible":"focus-visible_b889bf4a62",headerContent:"headerContent_dea6c57627",iconComponent:"iconComponent_146d968951",content:"content_f784b6dcd3",section:"section_fdcee97a95",hideBorder:"hideBorder_3935db750c",hideBorderBottom:"hideBorderBottom_87857a0864",showBorder:"showBorder_845e368054",headerOpen:"headerOpen_b930af7674",animateIconOpen:"animateIconOpen_b6657ffaa4",animateIconClose:"animateIconClose_e0d1b15ade"};!function(n){const e="s_id-ca6f6158d39b_3_27_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_228b4f8969 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_fb123c8339 {\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  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_fb123c8339:focus-visible, .header_fb123c8339.focus-visible_b889bf4a62 {\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.header_fb123c8339:focus:not(.focus-visible_b889bf4a62) {\n  outline: none;\n}\n\n.header_fb123c8339:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_fb123c8339:active {\n  transform: scale(1);\n}\n\n.header_fb123c8339 .headerContent_dea6c57627 {\n  margin: 0;\n}\n\n.header_fb123c8339 .iconComponent_146d968951 {\n  color: var(--icon-color);\n}\n\n.content_f784b6dcd3 {\n  padding: var(--spacing-medium);\n}\n\n.section_fdcee97a95 {\n  width: 100%;\n}\n\n.hideBorder_3935db750c {\n  border: none;\n}\n\n.hideBorderBottom_87857a0864 {\n  border-bottom: none;\n}\n\n.showBorder_845e368054 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_845e368054 .headerOpen_b930af7674 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_b6657ffaa4 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_e0d1b15ade {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_a0c2c3779e",header:"header_5ec7a1a6ab","focus-visible":"focus-visible_334d8f20ed",headerContent:"headerContent_f88026d2a0",iconComponent:"iconComponent_038c0c73f4",content:"content_005c8ab006",section:"section_70a18a7c53",hideBorder:"hideBorder_771fa01ae6",hideBorderBottom:"hideBorderBottom_d0802d886e",showBorder:"showBorder_726f6da212",headerOpen:"headerOpen_c9345a1c58",animateIconOpen:"animateIconOpen_9bfc149bee",animateIconClose:"animateIconClose_3ea3da1891"};!function(n){const e="s_id-ca6f6158d39b_3_28_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_a0c2c3779e {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_5ec7a1a6ab {\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  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_5ec7a1a6ab:focus-visible, .header_5ec7a1a6ab.focus-visible_334d8f20ed {\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.header_5ec7a1a6ab:focus:not(.focus-visible_334d8f20ed) {\n  outline: none;\n}\n\n.header_5ec7a1a6ab:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_5ec7a1a6ab:active {\n  transform: scale(1);\n}\n\n.header_5ec7a1a6ab .headerContent_f88026d2a0 {\n  margin: 0;\n}\n\n.header_5ec7a1a6ab .iconComponent_038c0c73f4 {\n  color: var(--icon-color);\n}\n\n.content_005c8ab006 {\n  padding: var(--spacing-medium);\n}\n\n.section_70a18a7c53 {\n  width: 100%;\n}\n\n.hideBorder_771fa01ae6 {\n  border: none;\n}\n\n.hideBorderBottom_d0802d886e {\n  border-bottom: none;\n}\n\n.showBorder_726f6da212 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_726f6da212 .headerOpen_c9345a1c58 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_9bfc149bee {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_3ea3da1891 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_22e0d47cb1",labelComponentIcon:"labelComponentIcon_353c4b6305",labelComponentText:"labelComponentText_744e94b7e3",required:"required_da7ea3e3f6"};!function(e){const n="s_id-12dfba012dab_3_27_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_22e0d47cb1 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_353c4b6305 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_744e94b7e3 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_da7ea3e3f6 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_5b20db91d4",labelComponentIcon:"labelComponentIcon_96116eeaec",labelComponentText:"labelComponentText_cce08f5dcc",required:"required_b9a620cb93"};!function(e){const n="s_id-12dfba012dab_3_28_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_5b20db91d4 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_96116eeaec {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_cce08f5dcc {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_b9a620cb93 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={container:"container_76d6c45c03",justifyStart:"justifyStart_0e08a31b62",justifyEnd:"justifyEnd_e427cc84b7",justifyCenter:"justifyCenter_a604896b8c",justifySpaceBetween:"justifySpaceBetween_8b78bd3eb9",justifySpaceAround:"justifySpaceAround_84e6d9ed97",justifyInital:"justifyInital_2a44fd4165",alignStart:"alignStart_2e1fe0613a",alignEnd:"alignEnd_8fc4901ef2",alignCenter:"alignCenter_124918ca5e",alignStretch:"alignStretch_9eb7f47e8f",alignBaseline:"alignBaseline_d9935d7a5c",alignInitial:"alignInitial_c1d5039793",directionColumn:"directionColumn_c279868ed2",wrap:"wrap_afc70c6ba3"};!function(n){const e="s_id-3ad7193e0a34_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_76d6c45c03 {\n  display: flex;\n  flex-direction: row;\n}\n.container_76d6c45c03.justifyStart_0e08a31b62 {\n  justify-content: flex-start;\n}\n.container_76d6c45c03.justifyEnd_e427cc84b7 {\n  justify-content: flex-end;\n}\n.container_76d6c45c03.justifyCenter_a604896b8c {\n  justify-content: center;\n}\n.container_76d6c45c03.justifySpaceBetween_8b78bd3eb9 {\n  justify-content: space-between;\n}\n.container_76d6c45c03.justifySpaceAround_84e6d9ed97 {\n  justify-content: space-around;\n}\n.container_76d6c45c03.justifyInital_2a44fd4165 {\n  justify-content: initial;\n}\n.container_76d6c45c03.alignStart_2e1fe0613a {\n  align-items: flex-start;\n}\n.container_76d6c45c03.alignEnd_8fc4901ef2 {\n  align-items: flex-end;\n}\n.container_76d6c45c03.alignCenter_124918ca5e {\n  align-items: center;\n}\n.container_76d6c45c03.alignStretch_9eb7f47e8f {\n  align-items: stretch;\n}\n.container_76d6c45c03.alignBaseline_d9935d7a5c {\n  align-items: baseline;\n}\n.container_76d6c45c03.alignInitial_c1d5039793 {\n  align-items: initial;\n}\n.container_76d6c45c03.directionColumn_c279868ed2 {\n  flex-direction: column;\n}\n.container_76d6c45c03.wrap_afc70c6ba3 {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_9b90636d98",justifyStart:"justifyStart_4393839503",justifyEnd:"justifyEnd_2a3194c375",justifyCenter:"justifyCenter_58e80b20e9",justifySpaceBetween:"justifySpaceBetween_e14d2b3ee2",justifySpaceAround:"justifySpaceAround_bf19838c04",justifyInital:"justifyInital_efc22c6de0",alignStart:"alignStart_b333041b8b",alignEnd:"alignEnd_6a6acf792f",alignCenter:"alignCenter_16bff81ba1",alignStretch:"alignStretch_656e37815f",alignBaseline:"alignBaseline_85b0440354",alignInitial:"alignInitial_f40842c0d0",directionColumn:"directionColumn_c49488ad0f",wrap:"wrap_a07f9861a7"};!function(n){const e="s_id-3ad7193e0a34_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_9b90636d98 {\n  display: flex;\n  flex-direction: row;\n}\n.container_9b90636d98.justifyStart_4393839503 {\n  justify-content: flex-start;\n}\n.container_9b90636d98.justifyEnd_2a3194c375 {\n  justify-content: flex-end;\n}\n.container_9b90636d98.justifyCenter_58e80b20e9 {\n  justify-content: center;\n}\n.container_9b90636d98.justifySpaceBetween_e14d2b3ee2 {\n  justify-content: space-between;\n}\n.container_9b90636d98.justifySpaceAround_bf19838c04 {\n  justify-content: space-around;\n}\n.container_9b90636d98.justifyInital_efc22c6de0 {\n  justify-content: initial;\n}\n.container_9b90636d98.alignStart_b333041b8b {\n  align-items: flex-start;\n}\n.container_9b90636d98.alignEnd_6a6acf792f {\n  align-items: flex-end;\n}\n.container_9b90636d98.alignCenter_16bff81ba1 {\n  align-items: center;\n}\n.container_9b90636d98.alignStretch_656e37815f {\n  align-items: stretch;\n}\n.container_9b90636d98.alignBaseline_85b0440354 {\n  align-items: baseline;\n}\n.container_9b90636d98.alignInitial_f40842c0d0 {\n  align-items: initial;\n}\n.container_9b90636d98.directionColumn_c49488ad0f {\n  flex-direction: column;\n}\n.container_9b90636d98.wrap_a07f9861a7 {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_a3b4792dfa",prefix:"prefix_c05a2c475b",suffix:"suffix_c05a2c475b"};!function(e){const n="s_id-d821b20045aa_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_a3b4792dfa {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_c05a2c475b {\n  white-space: pre;\n}\n\n.suffix_c05a2c475b {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_5715586a29",prefix:"prefix_0892b6643f",suffix:"suffix_0892b6643f"};!function(e){const n="s_id-d821b20045aa_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_5715586a29 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_0892b6643f {\n  white-space: pre;\n}\n\n.suffix_0892b6643f {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_a0bf919307",h1Medium:"h1Medium_82db54de21",h1Normal:"h1Normal_665e24049e",h1Light:"h1Light_d5e7bda62e",h2Bold:"h2Bold_0e43b5e849",h2Medium:"h2Medium_e3c1fb98e9",h2Normal:"h2Normal_f9799037e6",h2Light:"h2Light_951d2a1077",h3Bold:"h3Bold_4040b70480",h3Medium:"h3Medium_290345cd19",h3Normal:"h3Normal_935023646d",h3Light:"h3Light_9b3a372e2b",heading:"heading_dea6c57627"};!function(n){const o="s_id-7b3706ef5cf5_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_a0bf919307 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_82db54de21 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_665e24049e {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_d5e7bda62e {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_0e43b5e849 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_e3c1fb98e9 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_f9799037e6 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_951d2a1077 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_4040b70480 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_290345cd19 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_935023646d {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_9b3a372e2b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_dea6c57627 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_2f7bda9dcd",h1Medium:"h1Medium_fb87e05d6a",h1Normal:"h1Normal_799647c312",h1Light:"h1Light_374b0f0d3e",h2Bold:"h2Bold_243125829a",h2Medium:"h2Medium_adfa3e56ff",h2Normal:"h2Normal_ef94f00ef2",h2Light:"h2Light_68230bd3f4",h3Bold:"h3Bold_b9e3e74e5f",h3Medium:"h3Medium_4ebab90662",h3Normal:"h3Normal_56fa7b69bd",h3Light:"h3Light_0de4b9e9bb",heading:"heading_f88026d2a0"};!function(n){const o="s_id-7b3706ef5cf5_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_2f7bda9dcd {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_fb87e05d6a {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_799647c312 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_374b0f0d3e {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_243125829a {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_adfa3e56ff {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_ef94f00ef2 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_68230bd3f4 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_b9e3e74e5f {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_4ebab90662 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_56fa7b69bd {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_0de4b9e9bb {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_f88026d2a0 {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_8819946afc"};!function(e){const t="s_id-5ac012179a41_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_8819946afc {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_0332065fda"};!function(e){const t="s_id-5ac012179a41_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_0332065fda {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={icon:"icon_f74f57d4ab",noFocusStyle:"noFocusStyle_fabcf1d9d4",clickable:"clickable_4a5be995ac"};!function(e){const n="s_id-039c30c54242_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_f74f57d4ab {\n  position: relative;\n}\n\n.icon_f74f57d4ab:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_fabcf1d9d4:focus {\n  outline: none;\n}\n\n.clickable_4a5be995ac {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_49baeef0e8",noFocusStyle:"noFocusStyle_110efad4b7",clickable:"clickable_fe94e1f17f"};!function(e){const n="s_id-039c30c54242_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_49baeef0e8 {\n  position: relative;\n}\n\n.icon_49baeef0e8:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_110efad4b7:focus {\n  outline: none;\n}\n\n.clickable_fe94e1f17f {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_9d0921be4d",referenceWrapper:"referenceWrapper_d89b1544cc",loader:"loader_a6b25cccfa",xxs:"xxs_da4a8a8487"};!function(e){const n="s_id-8d1605f1f87b_3_27_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_9d0921be4d {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_d89b1544cc {\n  display: inline-flex;\n}\n\n.referenceWrapper_d89b1544cc button .loader_a6b25cccfa {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_d89b1544cc button .loader_a6b25cccfa.xxs_da4a8a8487 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_d89b1544cc button .loader_a6b25cccfa.xxs_da4a8a8487 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_8b611f4943",referenceWrapper:"referenceWrapper_308e54c3d3",loader:"loader_b3405bd827",xxs:"xxs_8178d60948"};!function(e){const n="s_id-8d1605f1f87b_3_28_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_8b611f4943 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_308e54c3d3 {\n  display: inline-flex;\n}\n\n.referenceWrapper_308e54c3d3 button .loader_b3405bd827 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_308e54c3d3 button .loader_b3405bd827.xxs_8178d60948 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_308e54c3d3 button .loader_b3405bd827.xxs_8178d60948 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/Label/Label.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"lodash-es";import a from"classnames";import{getTestId as o,ComponentDefaultTestId as s}from"../../tests/testIds.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as p,useMemo as c,useCallback as d,useEffect as u}from"react";import f from"../Text/Text.js";import b from"./Leg.js";import{LabelColor as j,LabelKind as v,mapSizesToTextSize as k}from"./LabelConstants.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import C from"../../hooks/useClickableProps/useClickableProps.js";import L from"../../hooks/useMergeRef.js";import g from"./Label.module.scss.js";import h from"./LabelCelebrationAnimation.js";var x=E(n((function(n,j){var v=n.className,E=n.labelClassName,x=n.kind,y=void 0===x?"fill":x,N=n.color,P=void 0===N?"primary":N,A=n.text,H=void 0===A?"":A,T=n.isLegIncluded,I=void 0!==T&&T,w=n.id,B=n["data-testid"],M=n.onClick,W=n.celebrationAnimation,_=n.size,z=void 0===_?"medium":_,D=m(null),O=L(j,D),R=p(W),S=e(R,2),q=S[0],F=S[1],G=!!M,J=c((function(){return a(g.label,l(g,r("kind-"+y)),l(g,r("color-"+P)),t(t(t({},g.withLeg,I),g.clickable,G),g.small,"small"===z),E)}),[y,P,I,E,G,z]),K=d((function(e){M&&(e.preventDefault(),M(e))}),[M]),Q=C({onClick:K,id:w,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},D);u((function(){F(W)}),[W]);var U=c((function(){return i.createElement("span",Object.assign({},G&&Q,{className:a(t({},g.clickableWrapper,G),v),"data-testid":B||o(s.LABEL,w),ref:O}),i.createElement(f,{element:"span",type:k[z],className:J,color:"onInverted","data-celebration-text":q},i.createElement(f,{element:"span",type:k[z],color:"inherit",className:a(t({},g.smallText,"small"===z))},H),i.createElement("span",{className:a(g.legWrapper)},I?i.createElement(b,null):null)))}),[G,Q,v,B,w,O,J,q,H,I,z]);return q&&"line"===y?i.createElement(h,{onAnimationEnd:function(){return F(!1)}},U):U})),{colors:j,kinds:v});export{x as default};
+import{slicedToArray as e,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t}from"lodash-es";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"../Text/Text.js";import b from"./Leg.js";import{LabelAllowedColor as j,LabelKind as v,mapSizesToTextSize as k}from"./LabelConstants.js";import{contentColors as C}from"../../utils/colors-vars-map.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import g from"../../hooks/useClickableProps/useClickableProps.js";import y from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import h from"./LabelCelebrationAnimation.js";var x=E(n((function(n,j){var v=n.className,E=n.labelClassName,x=n.kind,N=void 0===x?"fill":x,P=n.color,A=void 0===P?"primary":P,H=n.text,T=void 0===H?"":H,I=n.isLegIncluded,w=void 0!==I&&I,B=n.id,M=n["data-testid"],W=n.onClick,_=n.celebrationAnimation,z=n.size,D=void 0===z?"medium":z,O=m(null),R=y(j,O),S=c(_),q=e(S,2),F=q[0],G=q[1],J=!!W,K=p((function(){return o(L.label,s(L,t("kind-"+N)),s(L,t("color-"+A)),r(r(r({},L.withLeg,w),L.clickable,J),L.small,"small"===D),E)}),[N,A,w,E,J,D]),Q=p((function(){if(C.includes(A))return{backgroundColor:"var(--color-".concat(A,")")}}),[A]),U=d((function(e){W&&(e.preventDefault(),W(e))}),[W]),V=g({onClick:U,id:B,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},O);u((function(){G(_)}),[_]);var X=p((function(){return i.createElement("span",Object.assign({},J&&V,{className:o(r({},L.clickableWrapper,J),v),"data-testid":M||a(l.LABEL,B),ref:R}),i.createElement(f,{style:Q,element:"span",type:k[D],className:K,color:"onInverted","data-celebration-text":F},i.createElement(f,{element:"span",type:k[D],color:"inherit",className:o(r({},L.smallText,"small"===D))},T),i.createElement("span",{className:o(L.legWrapper)},w?i.createElement(b,null):null)))}),[J,V,v,M,B,R,K,F,T,w,D,Q]);return F&&"line"===N?i.createElement(h,{onAnimationEnd:function(){return G(!1)}},X):X})),{colors:j,kinds:v});export{x as default};
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { LabelColor, LabelKind } from \"./Label.types\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n  /**\n   * Class name for an inner text wrapper\n   */\n  labelClassName?: string;\n  kind?: LabelKind;\n  color?: LabelColor;\n  text?: string;\n  isLegIncluded?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  celebrationAnimation?: boolean;\n  size?: LabelSizes;\n}\n\nconst Label: VibeComponent<LabelProps> & {\n  colors?: typeof LabelColorEnum;\n  kinds?: typeof LabelKindEnum;\n} = forwardRef<HTMLElement, LabelProps>(\n  (\n    {\n      className,\n      labelClassName,\n      kind = \"fill\",\n      color = \"primary\",\n      text = \"\",\n      isLegIncluded = false,\n      id,\n      \"data-testid\": dataTestId,\n      onClick,\n      celebrationAnimation,\n      size = \"medium\"\n    }: LabelProps,\n    ref\n  ) => {\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const mergedRef = useMergeRef(ref, labelRef);\n    const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n    const isClickable = Boolean(onClick);\n\n    const classNames = useMemo(\n      () =>\n        cx(\n          styles.label,\n          getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n          getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n          {\n            [styles.withLeg]: isLegIncluded,\n            [styles.clickable]: isClickable,\n            [styles.small]: size === \"small\"\n          },\n          labelClassName\n        ),\n      [kind, color, isLegIncluded, labelClassName, isClickable, size]\n    );\n\n    const onClickCallback = useCallback(\n      (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        if (onClick) {\n          event.preventDefault();\n          onClick(event);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        id,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      labelRef\n    );\n\n    useEffect(() => {\n      setIsCelebrationAnimation(celebrationAnimation);\n    }, [celebrationAnimation]);\n\n    const label = useMemo(() => {\n      return (\n        <span\n          {...(isClickable && clickableProps)}\n          className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n          ref={mergedRef}\n        >\n          <Text\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color=\"onInverted\"\n            data-celebration-text={isCelebrationAnimation}\n          >\n            <Text\n              element=\"span\"\n              type={mapSizesToTextSize[size]}\n              color=\"inherit\"\n              className={cx({ [styles.smallText]: size === \"small\" })}\n            >\n              {text}\n            </Text>\n            <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n          </Text>\n        </span>\n      );\n    }, [\n      isClickable,\n      clickableProps,\n      className,\n      dataTestId,\n      id,\n      mergedRef,\n      classNames,\n      isCelebrationAnimation,\n      text,\n      isLegIncluded,\n      size\n    ]);\n\n    // Celebration animation is applied only for line kind\n    if (isCelebrationAnimation && kind === \"line\") {\n      return (\n        <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n          {label}\n        </LabelCelebrationAnimation>\n      );\n    }\n\n    return label;\n  }\n);\n\nexport default withStaticProps(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"41BA8BA,IAyHeA,EAAAA,EAtHXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAkBC,GACtB,SAACC,GACK5B,IACF4B,EAAMC,iBACN7B,EAAQ4B,GAEZ,GACA,CAAC5B,IAGG8B,EAAiBC,EACrB,CACE/B,QAAS0B,EACT5B,GAAAA,EACAkC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhB9B,GAGF+B,GAAU,WACRtB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEoB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAACzB,GAAegB,EAAe,CACnC1C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOsB,iBAAmB1B,GAAe1B,GAC7C,cAAAW,GAAc0C,EAAUC,EAAuBC,MAAO7C,GACnEX,IAAKmB,IAEL8B,EAACC,cAAAO,GACCC,QAAQ,OACRC,KAAMC,EAAmB5C,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvBwB,EAAAC,cAACO,EAAI,CACHC,QAAQ,OACRC,KAAMC,EAAmB5C,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO8B,UAAqB,UAAT7C,KAEnCR,GAEHyC,EAAMC,cAAA,OAAA,CAAAjD,UAAW6B,EAAGC,EAAO+B,aAAcpD,EAAgBuC,EAACC,cAAAa,EAAM,MAAG,OAI1E,GAAE,CACDpC,EACAgB,EACA1C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,IAIF,OAAIS,GAAmC,SAATrB,EAE1B6C,EAACC,cAAAc,EAA0B,CAAAC,eAAgB,WAAA,OAAMvC,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAGoC,CACpCkC,OAAQC,EACRC,MAAOC"}
+{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { LabelColor, LabelKind, ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n  /**\n   * Class name for an inner text wrapper\n   */\n  labelClassName?: string;\n  kind?: LabelKind;\n  color?: LabelColor;\n  text?: string;\n  isLegIncluded?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  celebrationAnimation?: boolean;\n  size?: LabelSizes;\n}\n\nconst Label: VibeComponent<LabelProps> & {\n  colors?: typeof LabelColorEnum;\n  kinds?: typeof LabelKindEnum;\n} = forwardRef<HTMLElement, LabelProps>(\n  (\n    {\n      className,\n      labelClassName,\n      kind = \"fill\",\n      color = \"primary\",\n      text = \"\",\n      isLegIncluded = false,\n      id,\n      \"data-testid\": dataTestId,\n      onClick,\n      celebrationAnimation,\n      size = \"medium\"\n    }: LabelProps,\n    ref\n  ) => {\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const mergedRef = useMergeRef(ref, labelRef);\n    const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n    const isClickable = Boolean(onClick);\n\n    const classNames = useMemo(\n      () =>\n        cx(\n          styles.label,\n          getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n          getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n          {\n            [styles.withLeg]: isLegIncluded,\n            [styles.clickable]: isClickable,\n            [styles.small]: size === \"small\"\n          },\n          labelClassName\n        ),\n      [kind, color, isLegIncluded, labelClassName, isClickable, size]\n    );\n\n    const backgroundColorStyle = useMemo(() => {\n      if (contentColors.includes(color as ContentColor)) {\n        return { backgroundColor: `var(--color-${color})` };\n      }\n    }, [color]);\n\n    const onClickCallback = useCallback(\n      (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        if (onClick) {\n          event.preventDefault();\n          onClick(event);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        id,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      labelRef\n    );\n\n    useEffect(() => {\n      setIsCelebrationAnimation(celebrationAnimation);\n    }, [celebrationAnimation]);\n\n    const label = useMemo(() => {\n      return (\n        <span\n          {...(isClickable && clickableProps)}\n          className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n          ref={mergedRef}\n        >\n          <Text\n            style={backgroundColorStyle}\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color=\"onInverted\"\n            data-celebration-text={isCelebrationAnimation}\n          >\n            <Text\n              element=\"span\"\n              type={mapSizesToTextSize[size]}\n              color=\"inherit\"\n              className={cx({ [styles.smallText]: size === \"small\" })}\n            >\n              {text}\n            </Text>\n            <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n          </Text>\n        </span>\n      );\n    }, [\n      isClickable,\n      clickableProps,\n      className,\n      dataTestId,\n      id,\n      mergedRef,\n      classNames,\n      isCelebrationAnimation,\n      text,\n      isLegIncluded,\n      size,\n      backgroundColorStyle\n    ]);\n\n    // Celebration animation is applied only for line kind\n    if (isCelebrationAnimation && kind === \"line\") {\n      return (\n        <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n          {label}\n        </LabelCelebrationAnimation>\n      );\n    }\n\n    return label;\n  }\n);\n\nexport default withStaticProps(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","backgroundColor","concat","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"23BA+BA,IAiIeA,EAAAA,EA9HXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAO,CAAEoC,gBAAe,eAAAC,OAAiBrC,EAAK,KAElD,GAAG,CAACA,IAEEsC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,GACnEX,IAAKmB,IAELmC,EAACC,cAAAO,EACC,CAAAC,MAAOxB,EACPyB,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACO,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOoC,UAAqB,UAATnD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOqC,aAAc1D,EAAgB4C,EAACC,cAAAc,EAAM,MAAG,OAI1E,GAAE,CACD1C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAe,EAA0B,CAAAC,eAAgB,WAAA,OAAM7C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAGoC,CACpCwC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_4a5be995ac","focus-visible":"focus-visible_b889bf4a62",disabled:"disabled_45e773111a",disableTextSelection:"disableTextSelection_ba34c537fd",clickableWrapper:"clickableWrapper_4a5be995ac",label:"label_872e531383",small:"small_0d7e3e7045",withLeg:"withLeg_805753e8fd",legWrapper:"legWrapper_01757a63e9",kindFill:"kindFill_6f61fc7c5d",colorPrimary:"colorPrimary_a75fa63cac",colorDark:"colorDark_7026d5627c",colorNegative:"colorNegative_eb68f12133",colorPositive:"colorPositive_3dfb673f25",kindLine:"kindLine_1f1148d00f",smallText:"smallText_6031bb1830"};!function(e){const a="s_id-4bcc4b0ff746_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clickable_4a5be995ac {\n  cursor: pointer;\n}\n.clickable_4a5be995ac:focus-visible, .clickable_4a5be995ac.focus-visible_b889bf4a62 {\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.clickable_4a5be995ac:focus:not(.focus-visible_b889bf4a62) {\n  outline: none;\n}\n.clickable_4a5be995ac.disabled_45e773111a {\n  cursor: default;\n}\n.disableTextSelection_ba34c537fd {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_4a5be995ac {\n  cursor: pointer;\n}\n.clickableWrapper_4a5be995ac:focus-visible, .clickableWrapper_4a5be995ac.focus-visible_b889bf4a62 {\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.clickableWrapper_4a5be995ac:focus:not(.focus-visible_b889bf4a62) {\n  outline: none;\n}\n.clickableWrapper_4a5be995ac:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_872e531383 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_872e531383.small_0d7e3e7045 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_805753e8fd {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_01757a63e9 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_6f61fc7c5d.colorPrimary_a75fa63cac {\n  background-color: var(--primary-color);\n}\n.kindFill_6f61fc7c5d.colorPrimary_a75fa63cac svg path {\n  fill: var(--primary-color);\n}\n.kindFill_6f61fc7c5d.colorPrimary_a75fa63cac.clickable_4a5be995ac:hover, .kindFill_6f61fc7c5d.colorPrimary_a75fa63cac.clickable_4a5be995ac:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_6f61fc7c5d.colorDark_7026d5627c {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_6f61fc7c5d.colorDark_7026d5627c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_6f61fc7c5d.colorNegative_eb68f12133 {\n  background-color: var(--negative-color);\n}\n.kindFill_6f61fc7c5d.colorNegative_eb68f12133 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_6f61fc7c5d.colorNegative_eb68f12133.clickable_4a5be995ac:hover, .kindFill_6f61fc7c5d.colorNegative_eb68f12133.clickable_4a5be995ac:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_6f61fc7c5d.colorPositive_3dfb673f25 {\n  background-color: var(--positive-color);\n}\n.kindFill_6f61fc7c5d.colorPositive_3dfb673f25 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_6f61fc7c5d.colorPositive_3dfb673f25.clickable_4a5be995ac:hover, .kindFill_6f61fc7c5d.colorPositive_3dfb673f25.clickable_4a5be995ac:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_1f1148d00f {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_1f1148d00f .legWrapper_01757a63e9 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_1f1148d00f.colorPrimary_a75fa63cac {\n  color: var(--primary-color);\n}\n.kindLine_1f1148d00f.colorPrimary_a75fa63cac svg path {\n  fill: var(--primary-color);\n}\n.kindLine_1f1148d00f.colorPrimary_a75fa63cac.clickable_4a5be995ac:hover, .kindLine_1f1148d00f.colorPrimary_a75fa63cac.clickable_4a5be995ac:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1f1148d00f.colorDark_7026d5627c {\n  color: var(--inverted-color-background);\n}\n.kindLine_1f1148d00f.colorDark_7026d5627c svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_1f1148d00f.colorDark_7026d5627c.clickable_4a5be995ac:hover, .kindLine_1f1148d00f.colorDark_7026d5627c.clickable_4a5be995ac:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_1f1148d00f.colorNegative_eb68f12133 {\n  color: var(--negative-color);\n}\n.kindLine_1f1148d00f.colorNegative_eb68f12133 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_1f1148d00f.colorNegative_eb68f12133.clickable_4a5be995ac:hover, .kindLine_1f1148d00f.colorNegative_eb68f12133.clickable_4a5be995ac:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_1f1148d00f.colorPositive_3dfb673f25 {\n  color: var(--positive-color);\n}\n.kindLine_1f1148d00f.colorPositive_3dfb673f25 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_1f1148d00f.colorPositive_3dfb673f25.clickable_4a5be995ac:hover, .kindLine_1f1148d00f.colorPositive_3dfb673f25.clickable_4a5be995ac:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_1f1148d00f .smallText_6031bb1830 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_fe94e1f17f","focus-visible":"focus-visible_334d8f20ed",disabled:"disabled_233819b719",disableTextSelection:"disableTextSelection_fb0b01967f",clickableWrapper:"clickableWrapper_fe94e1f17f",label:"label_ec07dbeee6",small:"small_b23d9cff03",withLeg:"withLeg_490da460c2",legWrapper:"legWrapper_72cf7df812",kindFill:"kindFill_7c8f78bae8",colorPrimary:"colorPrimary_34c087c108",colorDark:"colorDark_da0b00e4aa",colorNegative:"colorNegative_0cb0da2332",colorPositive:"colorPositive_f573df3f67",kindLine:"kindLine_cb25b95cae",smallText:"smallText_bc28560b6c"};!function(e){const n="s_id-4bcc4b0ff746_3_28_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_fe94e1f17f {\n  cursor: pointer;\n}\n.clickable_fe94e1f17f:focus-visible, .clickable_fe94e1f17f.focus-visible_334d8f20ed {\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.clickable_fe94e1f17f:focus:not(.focus-visible_334d8f20ed) {\n  outline: none;\n}\n.clickable_fe94e1f17f.disabled_233819b719 {\n  cursor: default;\n}\n.disableTextSelection_fb0b01967f {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_fe94e1f17f {\n  cursor: pointer;\n}\n.clickableWrapper_fe94e1f17f:focus-visible, .clickableWrapper_fe94e1f17f.focus-visible_334d8f20ed {\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.clickableWrapper_fe94e1f17f:focus:not(.focus-visible_334d8f20ed) {\n  outline: none;\n}\n.clickableWrapper_fe94e1f17f:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_ec07dbeee6 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_ec07dbeee6.small_b23d9cff03 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_490da460c2 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_72cf7df812 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_7c8f78bae8.colorPrimary_34c087c108 {\n  background-color: var(--primary-color);\n}\n.kindFill_7c8f78bae8.colorPrimary_34c087c108 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_7c8f78bae8.colorPrimary_34c087c108.clickable_fe94e1f17f:hover, .kindFill_7c8f78bae8.colorPrimary_34c087c108.clickable_fe94e1f17f:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_7c8f78bae8.colorDark_da0b00e4aa {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_7c8f78bae8.colorDark_da0b00e4aa svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_7c8f78bae8.colorNegative_0cb0da2332 {\n  background-color: var(--negative-color);\n}\n.kindFill_7c8f78bae8.colorNegative_0cb0da2332 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_7c8f78bae8.colorNegative_0cb0da2332.clickable_fe94e1f17f:hover, .kindFill_7c8f78bae8.colorNegative_0cb0da2332.clickable_fe94e1f17f:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_7c8f78bae8.colorPositive_f573df3f67 {\n  background-color: var(--positive-color);\n}\n.kindFill_7c8f78bae8.colorPositive_f573df3f67 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_7c8f78bae8.colorPositive_f573df3f67.clickable_fe94e1f17f:hover, .kindFill_7c8f78bae8.colorPositive_f573df3f67.clickable_fe94e1f17f:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_cb25b95cae {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_cb25b95cae .legWrapper_72cf7df812 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_cb25b95cae.colorPrimary_34c087c108 {\n  color: var(--primary-color);\n}\n.kindLine_cb25b95cae.colorPrimary_34c087c108 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_cb25b95cae.colorPrimary_34c087c108.clickable_fe94e1f17f:hover, .kindLine_cb25b95cae.colorPrimary_34c087c108.clickable_fe94e1f17f:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_cb25b95cae.colorDark_da0b00e4aa {\n  color: var(--inverted-color-background);\n}\n.kindLine_cb25b95cae.colorDark_da0b00e4aa svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_cb25b95cae.colorDark_da0b00e4aa.clickable_fe94e1f17f:hover, .kindLine_cb25b95cae.colorDark_da0b00e4aa.clickable_fe94e1f17f:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_cb25b95cae.colorNegative_0cb0da2332 {\n  color: var(--negative-color);\n}\n.kindLine_cb25b95cae.colorNegative_0cb0da2332 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_cb25b95cae.colorNegative_0cb0da2332.clickable_fe94e1f17f:hover, .kindLine_cb25b95cae.colorNegative_0cb0da2332.clickable_fe94e1f17f:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_cb25b95cae.colorPositive_f573df3f67 {\n  color: var(--positive-color);\n}\n.kindLine_cb25b95cae.colorPositive_f573df3f67 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_cb25b95cae.colorPositive_f573df3f67.clickable_fe94e1f17f:hover, .kindLine_cb25b95cae.colorPositive_f573df3f67.clickable_fe94e1f17f:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_cb25b95cae .smallText_bc28560b6c {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_3132a7d3c0",svg:"svg_cd5c8536c2",stroke:"stroke_3e6abd394a","stroke-rotate":"stroke-rotate_f8775e3a05",base:"base_84212c6ad9",fade:"fade_e4948efe52",first:"first_3c2fb5959f",second:"second_202c91bd77",third:"third_2d07e047bc","gradient-text-fill":"gradient-text-fill_b4503555ec"};!function(e){const n="s_id-cc5df975abc6_3_27_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_3132a7d3c0 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 .stroke_3e6abd394a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_f8775e3a05 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 .stroke_3e6abd394a.base_84212c6ad9 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_e4948efe52 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 .stroke_3e6abd394a.first_3c2fb5959f {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 .stroke_3e6abd394a.second_202c91bd77 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_3132a7d3c0 .svg_cd5c8536c2 .stroke_3e6abd394a.third_2d07e047bc {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_3132a7d3c0.celebration_3132a7d3c0 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_b4503555ec 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_e4948efe52 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_f8775e3a05 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_b4503555ec {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_4d51fd17ab",svg:"svg_e92b858d6c",stroke:"stroke_c8cecb0b28","stroke-rotate":"stroke-rotate_81c6989e98",base:"base_04b25c169f",fade:"fade_cfc4f60cd3",first:"first_90be408337",second:"second_b7959ac5cf",third:"third_87aa48176a","gradient-text-fill":"gradient-text-fill_1daf06458d"};!function(e){const n="s_id-cc5df975abc6_3_28_0";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)}(".celebration_4d51fd17ab {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_4d51fd17ab .svg_e92b858d6c {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_4d51fd17ab .svg_e92b858d6c .stroke_c8cecb0b28 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_81c6989e98 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_4d51fd17ab .svg_e92b858d6c .stroke_c8cecb0b28.base_04b25c169f {\n  stroke: var(--color-egg_yolk);\n  animation: fade_cfc4f60cd3 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_4d51fd17ab .svg_e92b858d6c .stroke_c8cecb0b28.first_90be408337 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_4d51fd17ab .svg_e92b858d6c .stroke_c8cecb0b28.second_b7959ac5cf {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_4d51fd17ab .svg_e92b858d6c .stroke_c8cecb0b28.third_87aa48176a {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_4d51fd17ab.celebration_4d51fd17ab [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_1daf06458d 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_cfc4f60cd3 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_81c6989e98 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_1daf06458d {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Label/LabelConstants.js

@@ -1,2 +1,2 @@
-import e from"../Text/Text.js";var i,t;!function(e){e.FILL="fill",e.LINE="line"}(i||(i={})),function(e){e.PRIMARY="primary",e.DARK="dark",e.NEGATIVE="negative",e.POSITIVE="positive"}(t||(t={}));var r={small:e.types.TEXT3,medium:e.types.TEXT2};export{t as LabelColor,i as LabelKind,r as mapSizesToTextSize};
+import i from"../Text/Text.js";import{ContentColorByName as t}from"../../utils/colors-vars-map.js";var s,e;!function(i){i.FILL="fill",i.LINE="line"}(s||(s={})),function(i){i.PRIMARY="primary",i.DARK="dark",i.NEGATIVE="negative",i.POSITIVE="positive"}(e||(e={}));var r=Object.assign(Object.assign({},e),t),a={small:i.types.TEXT3,medium:i.types.TEXT2};export{r as LabelAllowedColor,e as LabelColor,s as LabelKind,a as mapSizesToTextSize};
 //# sourceMappingURL=LabelConstants.js.map

package/dist/src/components/Label/LabelConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { LabelSizes } from \"./Label.types\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n  FILL = \"fill\",\n  LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n  PRIMARY = \"primary\",\n  DARK = \"dark\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n  small: Text.types.TEXT3,\n  medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"mCAOYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAEM,IAAMC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}
+{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n  FILL = \"fill\",\n  LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n  PRIMARY = \"primary\",\n  DARK = \"dark\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n  ...LabelColor,\n  ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n  small: Text.types.TEXT3,\n  medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"uGAQYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_6213c6efe9",overlay:"overlay_f1778c605b","overlay-fade-out":"overlay-fade-out_f8fff57f24","overlay-fade-in":"overlay-fade-in_e4948efe52",dialog:"dialog_60f74c7840",default:"default_5108c4d83b",full:"full_5d2cbdc9d4",spacing:"spacing_63d042b9d8"};!function(n){const e="s_id-fe267e23c74c_3_27_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_6213c6efe9,\n.overlay_f1778c605b {\n  position: fixed;\n  inset: 0;\n}\n\n.container_6213c6efe9 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_6213c6efe9[aria-hidden=true] {\n  display: none;\n}\n\n.container_6213c6efe9[aria-hidden=true] .overlay_f1778c605b {\n  background-color: transparent;\n  animation: overlay-fade-out_f8fff57f24 70ms var(--motion-timing-enter);\n}\n\n.overlay_f1778c605b {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_e4948efe52 70ms var(--motion-timing-enter);\n}\n\n.dialog_60f74c7840 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_60f74c7840.default_5108c4d83b {\n  width: 520px;\n}\n\n.dialog_60f74c7840.full_5d2cbdc9d4 {\n  width: 100vw;\n}\n\n.dialog_60f74c7840.spacing_63d042b9d8 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_e4948efe52 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_f8fff57f24 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
+var n={container:"container_c3577d96f3",overlay:"overlay_0b9e95f7ed","overlay-fade-out":"overlay-fade-out_b747b81cc6","overlay-fade-in":"overlay-fade-in_cfc4f60cd3",dialog:"dialog_ef2f0b1427",default:"default_6d5e2413e7",full:"full_5c8b128ac6",spacing:"spacing_a6e4f206b3"};!function(n){const e="s_id-fe267e23c74c_3_28_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_c3577d96f3,\n.overlay_0b9e95f7ed {\n  position: fixed;\n  inset: 0;\n}\n\n.container_c3577d96f3 {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container_c3577d96f3[aria-hidden=true] {\n  display: none;\n}\n\n.container_c3577d96f3[aria-hidden=true] .overlay_0b9e95f7ed {\n  background-color: transparent;\n  animation: overlay-fade-out_b747b81cc6 70ms var(--motion-timing-enter);\n}\n\n.overlay_0b9e95f7ed {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in_cfc4f60cd3 70ms var(--motion-timing-enter);\n}\n\n.dialog_ef2f0b1427 {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog_ef2f0b1427.default_6d5e2413e7 {\n  width: 520px;\n}\n\n.dialog_ef2f0b1427.full_5c8b128ac6 {\n  width: 100vw;\n}\n\n.dialog_ef2f0b1427.spacing_a6e4f206b3 {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_cfc4f60cd3 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out_b747b81cc6 {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
 //# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_173b134b24"};!function(e){const n="s_id-40a1f8a37338_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_173b134b24 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_173b134b24::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_173b134b24::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_cbb6c9122c"};!function(e){const n="s_id-40a1f8a37338_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_cbb6c9122c {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_cbb6c9122c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_cbb6c9122c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_00d512cb40"};!function(e){const t="s_id-9ff7e713f88b_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_00d512cb40 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_31a3368080"};!function(e){const t="s_id-9ff7e713f88b_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_31a3368080 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_93e23e50b4",icon:"icon_c785a0ce3f",description:"description_1f42c0a73d",closeButton:"closeButton_d27183592c"};!function(e){const n="s_id-f34f7b91e8f3_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_93e23e50b4 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_93e23e50b4 .icon_c785a0ce3f {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_93e23e50b4 .description_1f42c0a73d {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_93e23e50b4 .closeButton_d27183592c {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
+var e={container:"container_79fc57fddc",icon:"icon_9b05c49e7e",description:"description_83f7ebffc9",closeButton:"closeButton_1b9e23358c"};!function(e){const n="s_id-f34f7b91e8f3_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_79fc57fddc {\n  margin-block-start: var(--spacing-medium);\n}\n.container_79fc57fddc .icon_9b05c49e7e {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_79fc57fddc .description_83f7ebffc9 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_79fc57fddc .closeButton_1b9e23358c {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={link:"link_2172340d63","focus-visible":"focus-visible_b889bf4a62",text:"text_5739866db5",inlineText:"inlineText_1c822666bf",inheritFontSize:"inheritFontSize_91e7007d81",iconStart:"iconStart_43ed01e65a",iconEnd:"iconEnd_86fb1c7ebf"};!function(n){const i="s_id-c911448248db_3_27_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_2172340d63 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_2172340d63:focus-visible, .link_2172340d63.focus-visible_b889bf4a62 {\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.link_2172340d63:focus:not(.focus-visible_b889bf4a62) {\n  outline: none;\n}\n.link_2172340d63:hover .text_5739866db5 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_2172340d63.inlineText_1c822666bf {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_2172340d63.inheritFontSize_91e7007d81 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_43ed01e65a {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_86fb1c7ebf {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_43ed01e65a {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_86fb1c7ebf {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_136b6036ea","focus-visible":"focus-visible_334d8f20ed",text:"text_90658d9741",inlineText:"inlineText_354badb61c",inheritFontSize:"inheritFontSize_44030338eb",iconStart:"iconStart_d0a6877c53",iconEnd:"iconEnd_13bf02d874"};!function(n){const i="s_id-c911448248db_3_28_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_136b6036ea {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_136b6036ea:focus-visible, .link_136b6036ea.focus-visible_334d8f20ed {\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.link_136b6036ea:focus:not(.focus-visible_334d8f20ed) {\n  outline: none;\n}\n.link_136b6036ea:hover .text_90658d9741 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_136b6036ea.inlineText_354badb61c {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_136b6036ea.inheritFontSize_44030338eb {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_d0a6877c53 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_13bf02d874 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_d0a6877c53 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_13bf02d874 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={list:"list_ca7b7bff51"};!function(e){const t="s_id-ed9bf484fec4_3_27_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_ca7b7bff51 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_ca7b7bff51::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_ca7b7bff51::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_0fc26fd2cc"};!function(e){const t="s_id-ed9bf484fec4_3_28_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_0fc26fd2cc {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_0fc26fd2cc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_0fc26fd2cc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_25a2e576dc"};!function(e){const n="s_id-6ed55dee5450_3_27_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_25a2e576dc {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_25a2e576dc::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_25a2e576dc::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_097e9b2051"};!function(e){const n="s_id-6ed55dee5450_3_28_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_097e9b2051 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_097e9b2051::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_097e9b2051::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_a361c9aa2f","focus-visible":"focus-visible_dedc6a4677",disabled:"disabled_26144a5623",selected:"selected_d3e6098208",small:"small_b552468286",medium:"medium_ae9d0e7fb7",large:"large_cf8ffeca5c"};!function(e){const n="s_id-8402a299d384_3_27_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_a361c9aa2f {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_a361c9aa2f:focus-visible, .listItem_a361c9aa2f.focus-visible_dedc6a4677 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_a361c9aa2f:focus:not(.focus-visible_dedc6a4677) {\n  outline: none;\n}\n.listItem_a361c9aa2f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_26144a5623 {\n  cursor: not-allowed;\n}\n.disabled_26144a5623:hover {\n  background-color: transparent;\n}\n.selected_d3e6098208 {\n  background-color: var(--primary-selected-color);\n}\n.selected_d3e6098208:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_b552468286 {\n  height: 32px;\n}\n.medium_ae9d0e7fb7 {\n  height: 40px;\n}\n.large_cf8ffeca5c {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_019b29f2ae","focus-visible":"focus-visible_ae7aa943f0",disabled:"disabled_865b34314a",selected:"selected_0102b7ac95",small:"small_f0a6f67819",medium:"medium_98a03136fb",large:"large_b4b8023b69"};!function(e){const n="s_id-8402a299d384_3_28_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_019b29f2ae {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_019b29f2ae:focus-visible, .listItem_019b29f2ae.focus-visible_ae7aa943f0 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_019b29f2ae:focus:not(.focus-visible_ae7aa943f0) {\n  outline: none;\n}\n.listItem_019b29f2ae:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_865b34314a {\n  cursor: not-allowed;\n}\n.disabled_865b34314a:hover {\n  background-color: transparent;\n}\n.selected_0102b7ac95 {\n  background-color: var(--primary-selected-color);\n}\n.selected_0102b7ac95:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_f0a6f67819 {\n  height: 32px;\n}\n.medium_98a03136fb {\n  height: 40px;\n}\n.large_b4b8023b69 {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map