npm - @vibe/core - Versions diffs - 4.5.11 → 4.5.13 - Mend

@vibe/core 4.5.11 → 4.5.13

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

Files changed (490) hide show

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_f3350b3e77","focus-visible":"focus-visible_8345afc3b6",sticky:"sticky_dba9f68552",sortActive:"sortActive_5b9e38555d",tableHeaderCellContent:"tableHeaderCellContent_f4418798e4",icon:"icon_646f513b18",infoTooltip:"infoTooltip_0c56e925c9",tableHeaderCellSort:"tableHeaderCellSort_d04f6872a1",sort:"sort_8cb252c2fb",asc:"asc_bebc21e499",desc:"desc_1b30133561",show:"show_b0044dd432"};!function(e){const l="s_id-0fa2e97aa7c9_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_f3350b3e77 {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_f3350b3e77:focus-visible, .tableHeaderCell_f3350b3e77.focus-visible_8345afc3b6 {\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.tableHeaderCell_f3350b3e77:focus:not(.focus-visible_8345afc3b6) {\n  outline: none;\n}\n.tableHeaderCell_f3350b3e77.sticky_dba9f68552 {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_f3350b3e77.sticky_dba9f68552:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_f3350b3e77:hover, .tableHeaderCell_f3350b3e77.sortActive_5b9e38555d {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 {\n  min-width: 0;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 .icon_646f513b18 {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellContent_f4418798e4 .infoTooltip_0c56e925c9 {\n  display: inline-flex;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb.asc_bebc21e499, .tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb.desc_1b30133561 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_f3350b3e77 .tableHeaderCellSort_d04f6872a1 .sort_8cb252c2fb:not(.show_b0044dd432) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_0dd6e18c56","focus-visible":"focus-visible_ec67891bdd",sticky:"sticky_20f5b07b1c",sortActive:"sortActive_8cbbcf2384",tableHeaderCellContent:"tableHeaderCellContent_f8cb9a96e3",icon:"icon_d2ba2ab1a5",infoTooltip:"infoTooltip_adac2e9c00",tableHeaderCellSort:"tableHeaderCellSort_fb0cfaa369",sort:"sort_f91ef53f01",asc:"asc_287672f03a",desc:"desc_241dde3dc3",show:"show_b2f645edc9"};!function(e){const a="s_id-0fa2e97aa7c9_4_5_12";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell_0dd6e18c56 {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_0dd6e18c56:focus-visible, .tableHeaderCell_0dd6e18c56.focus-visible_ec67891bdd {\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.tableHeaderCell_0dd6e18c56:focus:not(.focus-visible_ec67891bdd) {\n  outline: none;\n}\n.tableHeaderCell_0dd6e18c56.sticky_20f5b07b1c {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_0dd6e18c56.sticky_20f5b07b1c:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_0dd6e18c56:hover, .tableHeaderCell_0dd6e18c56.sortActive_8cbbcf2384 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellContent_f8cb9a96e3 {\n  min-width: 0;\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellContent_f8cb9a96e3 .icon_d2ba2ab1a5 {\n  min-width: var(--space-16);\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellContent_f8cb9a96e3 .infoTooltip_adac2e9c00 {\n  display: inline-flex;\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellSort_fb0cfaa369 {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellSort_fb0cfaa369 .sort_f91ef53f01 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellSort_fb0cfaa369 .sort_f91ef53f01.asc_287672f03a, .tableHeaderCell_0dd6e18c56 .tableHeaderCellSort_fb0cfaa369 .sort_f91ef53f01.desc_241dde3dc3 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_0dd6e18c56 .tableHeaderCellSort_fb0cfaa369 .sort_f91ef53f01:not(.show_b2f645edc9) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/src/components/Table/TableRow/TableRow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_25781d7d23"};!function(e){const t="s_id-72a799b963ca_4_5_10";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_25781d7d23 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_25781d7d23[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_25781d7d23 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_25781d7d23:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_25781d7d23:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_8e5990f3f3"};!function(e){const t="s_id-72a799b963ca_4_5_12";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow_8e5990f3f3 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_8e5990f3f3[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_8e5990f3f3 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_8e5990f3f3:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_8e5990f3f3:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_798025ab52",small:"small_f53dd6520b",medium:"medium_dbc814ab08",large:"large_1bc72d6c82"};!function(e){const n="s_id-6ebd091550ab_4_5_10";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)}(".rowMenuContainer_798025ab52 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_798025ab52.small_f53dd6520b {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_798025ab52.medium_dbc814ab08 {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_798025ab52.large_1bc72d6c82 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_d7520c217a",small:"small_3aed2813c8",medium:"medium_56dcbc2ef9",large:"large_6566554ceb"};!function(e){const n="s_id-6ebd091550ab_4_5_12";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)}(".rowMenuContainer_d7520c217a {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer_d7520c217a.small_3aed2813c8 {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer_d7520c217a.medium_56dcbc2ef9 {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer_d7520c217a.large_6566554ceb {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_90f97d3403",tableBodyItems:"tableBodyItems_9a5e3a714f",withHeader:"withHeader_b4b76df258"};!function(e){const t="s_id-e63e6a70f113_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_90f97d3403 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_90f97d3403 .tableBodyItems_9a5e3a714f::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_90f97d3403 .tableBodyItems_9a5e3a714f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_90f97d3403.withHeader_b4b76df258 {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
+var e={tableBody:"tableBody_c1d854257f",tableBodyItems:"tableBodyItems_04add1acc2",withHeader:"withHeader_2a129ddd9d"};!function(e){const d="s_id-e63e6a70f113_4_5_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_c1d854257f {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_c1d854257f .tableBodyItems_04add1acc2::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_c1d854257f .tableBodyItems_04add1acc2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_c1d854257f.withHeader_2a129ddd9d {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_ef6d50b3b8",stretchedUnderline:"stretchedUnderline_50a578d61f",tabInner:"tabInner_3ac0afe16b",tabIcon:"tabIcon_69831db7c3",right:"right_5c73b44ac0",tabFocusVisibleInset:"tabFocusVisibleInset_610b03bf33",active:"active_cfa3cd2b6f",disabled:"disabled_f46fc54cd8"};!function(n){const e="s_id-bfaa9c7255c3_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_ef6d50b3b8 {\n  position: relative;\n  display: inline-block;\n  padding-inline: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper_ef6d50b3b8.stretchedUnderline_50a578d61f {\n  border-bottom: 0;\n}\n.tabWrapper_ef6d50b3b8:after {\n  display: block;\n  position: absolute;\n  inset-inline: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper_ef6d50b3b8 .tabInner_3ac0afe16b {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper_ef6d50b3b8 .tabInner_3ac0afe16b:focus {\n  outline: none;\n}\n.tabWrapper_ef6d50b3b8 .tabInner_3ac0afe16b .tabIcon_69831db7c3 {\n  color: var(--icon-color);\n  margin-inline-end: var(--space-8);\n}\n.tabWrapper_ef6d50b3b8 .tabInner_3ac0afe16b .tabIcon_69831db7c3.right_5c73b44ac0 {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.tabWrapper_ef6d50b3b8.tabFocusVisibleInset_610b03bf33 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper_ef6d50b3b8.active_cfa3cd2b6f:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_ef6d50b3b8.disabled_f46fc54cd8 .tabInner_3ac0afe16b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_ef6d50b3b8:not(.disabled_f46fc54cd8) .tabInner_3ac0afe16b:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var e={tabWrapper:"tabWrapper_cfa3de9419",stretchedUnderline:"stretchedUnderline_16884e9956",tabInner:"tabInner_ecadb13f05",tabIcon:"tabIcon_ffed076c47",right:"right_6797a2a86c",tabFocusVisibleInset:"tabFocusVisibleInset_08b9a433dc",active:"active_4af6c649ff",disabled:"disabled_18cfc0d9e7"};!function(e){const n="s_id-bfaa9c7255c3_4_5_12";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)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper_cfa3de9419 {\n  position: relative;\n  display: inline-block;\n  padding-inline: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper_cfa3de9419.stretchedUnderline_16884e9956 {\n  border-bottom: 0;\n}\n.tabWrapper_cfa3de9419:after {\n  display: block;\n  position: absolute;\n  inset-inline: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper_cfa3de9419 .tabInner_ecadb13f05 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper_cfa3de9419 .tabInner_ecadb13f05:focus {\n  outline: none;\n}\n.tabWrapper_cfa3de9419 .tabInner_ecadb13f05 .tabIcon_ffed076c47 {\n  color: var(--icon-color);\n  margin-inline-end: var(--space-8);\n}\n.tabWrapper_cfa3de9419 .tabInner_ecadb13f05 .tabIcon_ffed076c47.right_6797a2a86c {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.tabWrapper_cfa3de9419.tabFocusVisibleInset_08b9a433dc {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper_cfa3de9419.active_4af6c649ff:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper_cfa3de9419.disabled_18cfc0d9e7 .tabInner_ecadb13f05 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper_cfa3de9419:not(.disabled_18cfc0d9e7) .tabInner_ecadb13f05:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{e as default};
 //# sourceMappingURL=Tab.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as i}from"es-toolkit";import n,{forwardRef as s,useRef as o,useState as a,useEffect as d,useMemo as l,useCallback as c}from"react";import u from"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import{getTestId as m,ComponentDefaultTestId as f}from"../../../tests/testIds.js";import p from"./TabList.module.scss.js";import v from"../../../../hooks/dist/usePrevious/index.js";import{useMergeRef as b}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as h}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as I}from"../../../../shared/dist/utils/function-utils.js";var C=s((function(s,C){var g=s.className,N=s.id,T=s.onTabChange,j=void 0===T?I:T,y=s.activeTabId,k=void 0===y?0:y,L=s.tabType,x=void 0===L?"Compact":L,A=s.size,E=s.stretchedUnderline,P=void 0!==E&&E,B=s.tabPanelIds,S=void 0===B?[]:B,U=s.children,_=s["data-testid"],G=o(null),H=b(C,G),K=o({}),M=a(k),O=e(M,2),W=O[0],w=O[1],z=v(k),R=v(W);d((function(){k!==z&&k!==W&&w(k)}),[k,z,W,w]),d((function(){var e;void 0!==R&&R!==W&&K.current[W]&&(null===(e=K.current[W])||void 0===e||e.focus())}),[W,R]);var q=l((function(){var e=new Set;return n.Children.forEach(U,(function(t,r){t.props.disabled&&e.add(r)})),e}),[U]),D=c((function(e){q.has(e)||(w(e),j&&j(e))}),[j,q]),F=c((function(e,t){var r,i=null===(r=U[t].props)||void 0===r?void 0:r.onClick;q.has(t)||(i&&i(t),D(t))}),[U,q,D]),J=c((function(e){return U[e]}),[U]),Q=l((function(){return Array.from(q)}),[q]),V=o(),X=u({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:J,onItemClicked:F,disabledIndexes:Q,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=v(Y);d((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&K.current[Y]&&(null===(e=K.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=l((function(){return n.Children.map(U,(function(e,t){var i=W===t,s=void 0===Y||0>Y?i:Y===t;return n.cloneElement(e,{value:t,active:i,focus:Y===t,onClick:Z,stretchedUnderline:P,className:r(p.tabListTabWrapper,e.props.className),tabInnerClassName:r(p.tabListTabInner,e.props.tabInnerClassName),tabIndex:s?0:-1,"aria-controls":S[t],ref:function(e){K.current[t]=e}})}))}),[U,W,Y,Z,P,S,N]);return n.createElement("div",{ref:H,className:r(p.tabsWrapper,g,[h(p,i(x))],t({},p.stretchedUnderline,P)),id:N,"data-testid":_||m(f.TAB_LIST,N)},n.createElement("ul",{ref:V,className:r(p.tabsList,[h(p,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import{camelCase as i}from"es-toolkit";import n,{forwardRef as s,useRef as o,useState as a,useEffect as d,useMemo as l,useCallback as c}from"react";import{getTestId as u,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import f from"./TabList.module.scss.js";import p from"../../../../hooks/dist/usePrevious/index.js";import v from"../../../../components/a11y/dist/useGridKeyboardNavigation/useGridKeyboardNavigation.js";import{useMergeRef as b}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as h}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as I}from"../../../../shared/dist/utils/function-utils.js";var C=s((function(s,C){var g=s.className,N=s.id,T=s.onTabChange,j=void 0===T?I:T,y=s.activeTabId,L=void 0===y?0:y,k=s.tabType,x=void 0===k?"Compact":k,A=s.size,E=s.stretchedUnderline,P=void 0!==E&&E,B=s.tabPanelIds,S=void 0===B?[]:B,U=s.children,_=s["data-testid"],G=o(null),H=b(C,G),K=o({}),M=a(L),O=e(M,2),W=O[0],w=O[1],z=p(L),R=p(W);d((function(){L!==z&&L!==W&&w(L)}),[L,z,W,w]),d((function(){var e;void 0!==R&&R!==W&&K.current[W]&&(null===(e=K.current[W])||void 0===e||e.focus())}),[W,R]);var q=l((function(){var e=new Set;return n.Children.forEach(U,(function(t,r){t.props.disabled&&e.add(r)})),e}),[U]),D=c((function(e){q.has(e)||(w(e),j&&j(e))}),[j,q]),F=c((function(e,t){var r,i=null===(r=U[t].props)||void 0===r?void 0:r.onClick;q.has(t)||(i&&i(t),D(t))}),[U,q,D]),J=c((function(e){return U[e]}),[U]),Q=l((function(){return Array.from(q)}),[q]),V=o(),X=v({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:J,onItemClicked:F,disabledIndexes:Q,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=p(Y);d((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&K.current[Y]&&(null===(e=K.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=l((function(){return n.Children.map(U,(function(e,t){var i=W===t,s=void 0===Y||0>Y?i:Y===t;return n.cloneElement(e,{value:t,active:i,focus:Y===t,onClick:Z,stretchedUnderline:P,className:r(f.tabListTabWrapper,e.props.className),tabInnerClassName:r(f.tabListTabInner,e.props.tabInnerClassName),tabIndex:s?0:-1,"aria-controls":S[t],ref:function(e){K.current[t]=e}})}))}),[U,W,Y,Z,P,S,N]);return n.createElement("div",{ref:H,className:r(f.tabsWrapper,g,[h(f,i(x))],t({},f.stretchedUnderline,P)),id:N,"data-testid":_||u(m.TAB_LIST,N)},n.createElement("ul",{ref:V,className:r(f.tabsList,[h(f,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
 //# sourceMappingURL=TabList.js.map

package/dist/src/components/Tabs/TabList/TabList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useGridKeyboardNavigation from \"../../../hooks/useGridKeyboardNavigation/useGridKeyboardNavigation\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n \"aria-controls\": tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"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"}
1	+ {"version":3,"file":"TabList.js","sources":["../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n type FC,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport { useGridKeyboardNavigation } from \"@vibe/a11y\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n /*\n Callback fired when the active tab changes.\n /\n onTabChange?: (tabId: number) => void;\n /\n The index of the currently active tab.\n /\n activeTabId?: number;\n /\n The type of tab style.\n /\n tabType?: string;\n /\n The size of the tab list.\n /\n size?: string;\n /\n If true, Sets an E2E underline under the whole tabs component.\n /\n stretchedUnderline?: boolean;\n /\n Array of corresponding TabPanel ids for aria-controls relationship.\n /\n tabPanelIds?: string[];\n /\n The child elements representing tabs.\n */\n children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n (\n {\n className,\n id,\n onTabChange = NOOP,\n activeTabId = 0,\n tabType = \"Compact\",\n size,\n stretchedUnderline = false,\n tabPanelIds = [],\n children,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const tabRefs = useRef<Record<number, HTMLElement \| null>>({});\n\n const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n const prevActiveTabIdProp = usePrevious(activeTabId);\n const prevActiveTabState = usePrevious(activeTabState);\n\n useEffect(() => {\n // Update active tab if changed from props\n\n if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n setActiveTabState(activeTabId);\n }\n }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n // Focus management: when activeTabState changes, focus the active tab\n useEffect(() => {\n if (\n prevActiveTabState !== undefined &&\n prevActiveTabState !== activeTabState &&\n tabRefs.current[activeTabState]\n ) {\n tabRefs.current[activeTabState]?.focus();\n }\n }, [activeTabState, prevActiveTabState]);\n\n const disabledTabIds = useMemo(() => {\n const disabledIds = new Set<number>();\n React.Children.forEach(children, (child, index) => {\n if (child.props.disabled) {\n disabledIds.add(index);\n }\n });\n return disabledIds;\n }, [children]);\n const onTabSelect = useCallback(\n (tabId: number) => {\n if (disabledTabIds.has(tabId)) return;\n setActiveTabState(tabId);\n onTabChange && onTabChange(tabId);\n },\n [onTabChange, disabledTabIds]\n );\n const onTabClick = useCallback(\n (value: HTMLElement \| void, tabId: number) => {\n const tabCallbackFunc = children[tabId].props?.onClick;\n if (disabledTabIds.has(tabId)) return;\n if (tabCallbackFunc) tabCallbackFunc(tabId);\n onTabSelect(tabId);\n },\n [children, disabledTabIds, onTabSelect]\n );\n const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n const ulRef = useRef();\n const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n ref: ulRef,\n numberOfItemsInLine: children?.length,\n itemsCount: children?.length,\n getItemByIndex,\n onItemClicked: onTabClick,\n disabledIndexes,\n circularNavigation: true\n });\n\n // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n const prevFocusIndex = usePrevious(focusIndex);\n useEffect(() => {\n if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n tabRefs.current[focusIndex]?.focus();\n }\n }, [focusIndex, prevFocusIndex]);\n\n const tabsToRender = useMemo(() => {\n const childrenToRender = React.Children.map(children, (child, index) => {\n const isActive = activeTabState === index;\n\n const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n return React.cloneElement(child, {\n value: index,\n active: isActive,\n focus: focusIndex === index,\n onClick: onSelectionAction,\n stretchedUnderline,\n className: cx(styles.tabListTabWrapper, child.props.className),\n tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n tabIndex: shouldBeFocusable ? 0 : -1,\n \"aria-controls\": tabPanelIds[index],\n ref: (element: HTMLElement \| null) => {\n tabRefs.current[index] = element;\n }\n } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n });\n return childrenToRender;\n }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n return (\n <div\n ref={mergedRef}\n className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n [styles.stretchedUnderline]: stretchedUnderline\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n >\n <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n {tabsToRender}\n </ul>\n </div>\n );\n }\n);\nObject.assign(TabList, {\n isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_4bf1b0b529",tabsList:"tabsList_a4e8d091e1",sm:"sm_c22aa4831f",lg:"lg_2b8ac0ff44",stretched:"stretched_46fc4a8eca",tabListTabWrapper:"tabListTabWrapper_13d3be3d0a",tabListTabInner:"tabListTabInner_13d3be3d0a",disabled:"disabled_d6cb62eb72",stretchedUnderline:"stretchedUnderline_5b3b5a3ddd"};!function(e){const t="s_id-1dd2e005bc2f_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const b=document.createElement("style");b.id=t,a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b),b.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper_4bf1b0b529 .tabsList_a4e8d091e1 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper_4bf1b0b529 .tabsList_a4e8d091e1.sm_c22aa4831f {\n  height: 32px;\n}\n.tabsWrapper_4bf1b0b529 .tabsList_a4e8d091e1.lg_2b8ac0ff44 {\n  height: 48px;\n}\n.tabsWrapper_4bf1b0b529.stretched_46fc4a8eca .tabsList_a4e8d091e1 {\n  width: 100%;\n}\n.tabsWrapper_4bf1b0b529.stretched_46fc4a8eca .tabsList_a4e8d091e1 .tabListTabWrapper_13d3be3d0a {\n  width: 100%;\n}\n.tabsWrapper_4bf1b0b529.stretched_46fc4a8eca .tabsList_a4e8d091e1 .tabListTabWrapper_13d3be3d0a .tabListTabInner_13d3be3d0a {\n  width: 100%;\n}\n.tabsWrapper_4bf1b0b529.disabled_d6cb62eb72 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_4bf1b0b529.stretchedUnderline_5b3b5a3ddd {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_ab7a208044",tabsList:"tabsList_4ad002b444",sm:"sm_313c9f1eb4",lg:"lg_97a848f8df",stretched:"stretched_4fb1af6c03",tabListTabWrapper:"tabListTabWrapper_32872c93b9",tabListTabInner:"tabListTabInner_32872c93b9",disabled:"disabled_d7ef3ab1e2",stretchedUnderline:"stretchedUnderline_108a3f1b8c"};!function(e){const t="s_id-1dd2e005bc2f_4_5_12";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper_ab7a208044 .tabsList_4ad002b444 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper_ab7a208044 .tabsList_4ad002b444.sm_313c9f1eb4 {\n  height: 32px;\n}\n.tabsWrapper_ab7a208044 .tabsList_4ad002b444.lg_97a848f8df {\n  height: 48px;\n}\n.tabsWrapper_ab7a208044.stretched_4fb1af6c03 .tabsList_4ad002b444 {\n  width: 100%;\n}\n.tabsWrapper_ab7a208044.stretched_4fb1af6c03 .tabsList_4ad002b444 .tabListTabWrapper_32872c93b9 {\n  width: 100%;\n}\n.tabsWrapper_ab7a208044.stretched_4fb1af6c03 .tabsList_4ad002b444 .tabListTabWrapper_32872c93b9 .tabListTabInner_32872c93b9 {\n  width: 100%;\n}\n.tabsWrapper_ab7a208044.disabled_d7ef3ab1e2 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper_ab7a208044.stretchedUnderline_108a3f1b8c {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_1b30133561"};!function(e){const t="s_id-82244d4a2f7b_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_1b30133561 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_241dde3dc3"};!function(e){const t="s_id-82244d4a2f7b_4_5_12";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_241dde3dc3 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_e73d9db608",tabPanel:"tabPanel_2d52d8b102",animationDirectionRtl:"animationDirectionRtl_d2c24426a1",animationDirectionLtr:"animationDirectionLtr_6aadfc8909",active:"active_de25c15ae3",panelSlideIn:"panelSlideIn_b529d262e9"};!function(e){const n="s_id-078bacbdb1e4_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102 {\n  display: none;\n}\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.animationDirectionRtl_d2c24426a1 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.animationDirectionLtr_6aadfc8909 {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_e73d9db608 .tabPanel_2d52d8b102.active_de25c15ae3 {\n  display: block;\n  animation: panelSlideIn_b529d262e9 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_b529d262e9 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var a={tabPanelsWrapper:"tabPanelsWrapper_4a78cca0e7",tabPanel:"tabPanel_75147a5806",animationDirectionRtl:"animationDirectionRtl_5fa0c49198",animationDirectionLtr:"animationDirectionLtr_b25cf1c7bd",active:"active_b08b39b8da",panelSlideIn:"panelSlideIn_8b09faea94"};!function(a){const e="s_id-078bacbdb1e4_4_5_12";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabPanelsWrapper_4a78cca0e7 .tabPanel_75147a5806 {\n  display: none;\n}\n.tabPanelsWrapper_4a78cca0e7 .tabPanel_75147a5806.animationDirectionRtl_5fa0c49198 {\n  transform: translateX(8px);\n}\n.tabPanelsWrapper_4a78cca0e7 .tabPanel_75147a5806.animationDirectionLtr_b25cf1c7bd {\n  transform: translateX(-8px);\n}\n.tabPanelsWrapper_4a78cca0e7 .tabPanel_75147a5806.active_b08b39b8da {\n  display: block;\n  animation: panelSlideIn_8b09faea94 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n@keyframes panelSlideIn_8b09faea94 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as l,useMemo as s,useState as n,useEffect as o,useCallback as i}from"react";import d from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as c,ComponentVibeId as u}from"../../tests/constants.js";import p from"./TextArea.module.scss.js";import x from"../HiddenText/HiddenText.js";import f from"../../../components/layout/dist/Flex/Flex.js";import h from"../../../components/typography/dist/Text/Text.js";var g={small:3,large:4},b=l((function(l,b){var v=l.size,y=void 0===v?"small":v,T=l.rows,E=l.label,j=l.helpText,w=l.success,A=l.error,C=l.className,N=l["data-testid"],_=l.id,z=l.disabled,L=l.readOnly,O=l.required,q=l.maxLength,F=l.allowExceedingMaxLength,H=l.onChange,M=l.value,P=l.resize,R=void 0===P||P,X=l.showCharCount,B=void 0!==X&&X,I=a(l,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),W=T||g[y],k=j&&"".concat(_,"-help-text"),D=B&&"number"==typeof q&&"".concat(_,"-allow-exceeding-max-length"),G=s((function(){return[k,D].filter((function(e){return!!e})).join(" ")||void 0}),[k,D]),J=n((null==M?void 0:M.length)||0),K=e(J,2),Q=K[0],S=K[1],U=A||"number"==typeof q&&Q>q;o((function(){S((null==M?void 0:M.length)||0)}),[M]);var V=i((function(e){S(e.target.value.length),null==H||H(e)}),[H]);return r.createElement("div",{className:d(p.textAreaWrapper,t(t(t(t({},p.error,U),p.success,w),p.disabled,z),p.readOnly,L),C),"data-testid":N||m(c.TEXT_AREA,_),"data-vibe":u.TEXT_AREA},E&&r.createElement("label",{className:d(p.label,t({},p.required,O)),htmlFor:_},E),r.createElement("textarea",Object.assign({},I,{id:_,maxLength:"number"!=typeof q||F?void 0:q,ref:b,value:M,disabled:z,readOnly:L,required:O,rows:W,className:d(p.textArea,[p[y]],t({},p.resize,R)),"aria-invalid":U,"aria-describedby":G,onChange:V})),(B||j)&&r.createElement(f,{gap:"xs",justify:"space-between",className:d(p.subTextContainer)},j&&r.createElement(h,{className:d(p.helpText),color:"inherit",id:k},j),B&&r.createElement(r.Fragment,null,r.createElement(h,{className:p.limitText},Q,"number"==typeof q&&"/".concat(q)),r.createElement(x,{id:D,text:"".concat(Q," out of ").concat(q)}))))}));export{b as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as n,useEffect as o,useCallback as i}from"react";import d from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as c,ComponentVibeId as u}from"../../tests/constants.js";import p from"./TextArea.module.scss.js";import x from"../../../components/layout/dist/Flex/Flex.js";import f from"../../../components/typography/dist/Text/Text.js";import h from"../../../components/a11y/dist/HiddenText/HiddenText.js";var g={small:3,large:4},b=s((function(s,b){var v=s.size,y=void 0===v?"small":v,T=s.rows,E=s.label,j=s.helpText,w=s.success,A=s.error,C=s.className,N=s["data-testid"],_=s.id,z=s.disabled,L=s.readOnly,O=s.required,q=s.maxLength,F=s.allowExceedingMaxLength,H=s.onChange,M=s.value,P=s.resize,R=void 0===P||P,X=s.showCharCount,B=void 0!==X&&X,I=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),W=T||g[y],k=j&&"".concat(_,"-help-text"),D=B&&"number"==typeof q&&"".concat(_,"-allow-exceeding-max-length"),G=l((function(){return[k,D].filter((function(e){return!!e})).join(" ")||void 0}),[k,D]),J=n((null==M?void 0:M.length)||0),K=e(J,2),Q=K[0],S=K[1],U=A||"number"==typeof q&&Q>q;o((function(){S((null==M?void 0:M.length)||0)}),[M]);var V=i((function(e){S(e.target.value.length),null==H||H(e)}),[H]);return r.createElement("div",{className:d(p.textAreaWrapper,t(t(t(t({},p.error,U),p.success,w),p.disabled,z),p.readOnly,L),C),"data-testid":N||m(c.TEXT_AREA,_),"data-vibe":u.TEXT_AREA},E&&r.createElement("label",{className:d(p.label,t({},p.required,O)),htmlFor:_},E),r.createElement("textarea",Object.assign({},I,{id:_,maxLength:"number"!=typeof q||F?void 0:q,ref:b,value:M,disabled:z,readOnly:L,required:O,rows:W,className:d(p.textArea,[p[y]],t({},p.resize,R)),"aria-invalid":U,"aria-describedby":G,onChange:V})),(B||j)&&r.createElement(x,{gap:"xs",justify:"space-between",className:d(p.subTextContainer)},j&&r.createElement(f,{className:d(p.helpText),color:"inherit",id:k},j),B&&r.createElement(r.Fragment,null,r.createElement(f,{className:p.limitText},Q,"number"==typeof q&&"/".concat(q)),r.createElement(h,{id:D,text:"".concat(Q," out of ").concat(q)}))))}));export{b as default};
 //# sourceMappingURL=TextArea.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { type TextAreaProps, type TextAreaSize } from \"./TextArea.types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { HiddenText } from \"~~../HiddenText~~\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n const charCountTextId = showCharCount && typeof maxLength === \"number\" && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, charCountTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, charCountTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n useEffect(() => {\n setCharacterCount(value?.length \|\| 0);\n }, [value]);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n data-vibe={ComponentVibeId.TEXT_AREA}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={charCountTextId} text={`${characterCount} out of ${maxLength}`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","charCountTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","useEffect","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"~~6mBAUA~~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"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { type TextAreaProps, type TextAreaSize } from \"./TextArea.types\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n const charCountTextId = showCharCount && typeof maxLength === \"number\" && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, charCountTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, charCountTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n useEffect(() => {\n setCharacterCount(value?.length \|\| 0);\n }, [value]);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n data-vibe={ComponentVibeId.TEXT_AREA}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={charCountTextId} text={`${characterCount} out of ${maxLength}`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","charCountTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","useEffect","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","ComponentVibeId","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_759aa1210a",label:"label_7bc6616620",required:"required_d1f186cb4d",subTextContainer:"subTextContainer_55a917799f",helpText:"helpText_feb5aef942",limitText:"limitText_130e7aeb79",textArea:"textArea_9bda732abf",small:"small_9603aca16f",large:"large_286bf0fe28",resize:"resize_909f50da81",success:"success_947e9e8c7c",error:"error_ecbab1d70f",disabled:"disabled_d1f186cb4d",readOnly:"readOnly_d1f186cb4d"};!function(e){const a="s_id-48d7f417273f_4_5_10";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_759aa1210a {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_759aa1210a .label_7bc6616620 {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .label_7bc6616620.required_d1f186cb4d::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f .helpText_feb5aef942 {\n  display: flex;\n}\n.textAreaWrapper_759aa1210a .subTextContainer_55a917799f .limitText_130e7aeb79 {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:active, .textAreaWrapper_759aa1210a .textArea_9bda732abf:focus, .textAreaWrapper_759aa1210a .textArea_9bda732abf:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf.small_9603aca16f {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf.large_286bf0fe28 {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_759aa1210a .textArea_9bda732abf:not(.resize_909f50da81) {\n  resize: none;\n}\n.textAreaWrapper_759aa1210a.success_947e9e8c7c .textArea_9bda732abf {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_759aa1210a.success_947e9e8c7c .helpText_feb5aef942 {\n  color: var(--color-success);\n}\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .textArea_9bda732abf {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .helpText_feb5aef942,\n.textAreaWrapper_759aa1210a.error_ecbab1d70f .limitText_130e7aeb79 {\n  color: var(--color-error);\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf,\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf::placeholder,\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .textArea_9bda732abf:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_759aa1210a.disabled_d1f186cb4d .helpText_feb5aef942 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_759aa1210a.readOnly_d1f186cb4d .textArea_9bda732abf,\n.textAreaWrapper_759aa1210a.readOnly_d1f186cb4d .textArea_9bda732abf:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_efdb91bc49",label:"label_fc8ef92059",required:"required_3dc834e87c",subTextContainer:"subTextContainer_cd7f311506",helpText:"helpText_214347145b",limitText:"limitText_9a787ac882",textArea:"textArea_045a3ef143",small:"small_ae3a3019a1",large:"large_4df11574a2",resize:"resize_f747ba869c",success:"success_4b0b02b720",error:"error_a0ef1c52a9",disabled:"disabled_3dc834e87c",readOnly:"readOnly_3dc834e87c"};!function(e){const r="s_id-48d7f417273f_4_5_12";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textAreaWrapper_efdb91bc49 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--space-4);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_efdb91bc49 .label_fc8ef92059 {\n  display: inline-flex;\n  gap: var(--space-4);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_efdb91bc49 .label_fc8ef92059.required_3dc834e87c::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_efdb91bc49 .subTextContainer_cd7f311506 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_efdb91bc49 .subTextContainer_cd7f311506 .helpText_214347145b {\n  display: flex;\n}\n.textAreaWrapper_efdb91bc49 .subTextContainer_cd7f311506 .limitText_9a787ac882 {\n  margin-inline-start: auto;\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--space-8);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143:active, .textAreaWrapper_efdb91bc49 .textArea_045a3ef143:focus, .textAreaWrapper_efdb91bc49 .textArea_045a3ef143:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143.small_ae3a3019a1 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143.large_4df11574a2 {\n  padding: var(--space-12);\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_efdb91bc49 .textArea_045a3ef143:not(.resize_f747ba869c) {\n  resize: none;\n}\n.textAreaWrapper_efdb91bc49.success_4b0b02b720 .textArea_045a3ef143 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_efdb91bc49.success_4b0b02b720 .helpText_214347145b {\n  color: var(--color-success);\n}\n.textAreaWrapper_efdb91bc49.error_a0ef1c52a9 .textArea_045a3ef143 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_efdb91bc49.error_a0ef1c52a9 .helpText_214347145b,\n.textAreaWrapper_efdb91bc49.error_a0ef1c52a9 .limitText_9a787ac882 {\n  color: var(--color-error);\n}\n.textAreaWrapper_efdb91bc49.disabled_3dc834e87c .textArea_045a3ef143,\n.textAreaWrapper_efdb91bc49.disabled_3dc834e87c .textArea_045a3ef143:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: transparent;\n  resize: none;\n}\n.textAreaWrapper_efdb91bc49.disabled_3dc834e87c .textArea_045a3ef143::placeholder,\n.textAreaWrapper_efdb91bc49.disabled_3dc834e87c .textArea_045a3ef143:hover::placeholder {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_efdb91bc49.disabled_3dc834e87c .helpText_214347145b {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_efdb91bc49.readOnly_3dc834e87c .textArea_045a3ef143,\n.textAreaWrapper_efdb91bc49.readOnly_3dc834e87c .textArea_045a3ef143:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as c,useEffect as s}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../FieldLabel/FieldLabel.js";import{FEEDBACK_CLASSES as u,SIZE_MAPPER as p,TextFieldAriaLabel as v}from"./TextFieldConstants.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as C}from"../../tests/constants.js";import x from"./TextField.module.scss.js";import E from"../HiddenText/HiddenText.js";import y from"../../../components/loader/dist/Loader/Loader.js";import h from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import T from"../../../components/clickable/dist/Clickable/Clickable.js";import g from"../../../components/icon/dist/Icon/Icon.js";import N from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as I}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as j}from"../../../shared/dist/utils/function-utils.js";var F=n((function(n,F){var L=n.className,k=void 0===L?"":L,D=n.placeholder,H=void 0===D?"":D,w=n.autoComplete,A=void 0===w?"off":w,_=n.value,q=n.onChange,R=void 0===q?j:q,W=n.onBlur,B=void 0===W?j:W,O=n.onFocus,S=void 0===O?j:O,z=n.onKeyDown,K=void 0===z?j:z,M=n.onWheel,V=void 0===M?j:M,X=n.debounceRate,P=void 0===X?0:X,U=n.autoFocus,Y=void 0!==U&&U,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?j:$,te=n.icon,oe=n.secondaryIconName,ae=n.id,ne=void 0===ae?"input":ae,re=n.title,ie=void 0===re?"":re,le=n.size,ce=void 0===le?"small":le,se=n.validation,de=void 0===se?null:se,me=n.wrapperClassName,ue=void 0===me?"":me,pe=n.onIconClick,ve=void 0===pe?j:pe,fe=n.clearOnIconClick,be=void 0!==fe&&fe,Ce=n.labelIconName,xe=n.showCharCount,Ee=void 0!==xe&&xe,ye=n.inputAriaLabel,he=n.searchResultsContainerId,Te=void 0===he?"":he,ge=n.activeDescendant,Ne=void 0===ge?"":ge,Ie=n.iconLabel,je=n.secondaryIconLabel,Fe=n.type,Le=void 0===Fe?"text":Fe,ke=n.maxLength,De=void 0===ke?null:ke,He=n.allowExceedingMaxLength,we=void 0!==He&&He,Ae=n.trim,_e=void 0!==Ae&&Ae,qe=n.role,Re=void 0===qe?"":qe,We=n.required,Be=void 0!==We&&We,Oe=n.requiredErrorText,Se=void 0===Oe?"":Oe,ze=n.loading,Ke=void 0!==ze&&ze,Me=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Pe=n.underline,Ue=void 0!==Pe&&Pe,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=n.dir,et=r(!1),tt=e(et,2),ot=tt[0],at=tt[1],nt=i(null),rt=I(F,nt,ee),it=l((function(e){Be&&!e.target.value&&at(!0),B(e)}),[B,Be]),lt=l((function(e,t){ot&&e&&at(!1),R(e,t||{target:nt.current})}),[R,ot]),ct=d({delay:P,onChange:lt,initialStateValue:_,trim:_e}),st=ct.inputValue,dt=ct.onEventChanged,mt=ct.clearValue,ut=c((function(){return Je?_:st}),[Je,_,st]),pt=l((function(e){Je?lt(e.target.value,e):dt(e)}),[Je,lt,dt]),vt=c((function(){return oe&&ut?oe:te}),[te,oe,ut]),ft=l((function(){J||(be&&(nt.current&&nt.current.focus(),nt.current.value="",Je?lt(""):mt()),ve(vt))}),[J,be,ve,vt,Je,lt,mt]),bt=c((function(){return"number"==typeof De&&ut&&ut.length>De?u.error:de&&de.status||ot?u[ot?"error":de.status]:""}),[De,de,ot,ut]),Ct=te||oe,xt=Ee||de&&de.text||ot&&Se,Et=oe===vt,yt=te===vt,ht=(ve!==j||Ie||Qe)&&ut&&te.length&&yt,Tt=(oe||Ze)&&Et&&!!ut,gt=we?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;s((function(){if((null==nt?void 0:nt.current)&&Y){var e=requestAnimationFrame((function(){return nt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[nt,Y]);var Nt=ve!==j||be,It=Ie||Qe,jt=je||Ze;return a.createElement("div",{className:o(x.textField,ue,t(t({},x.disabled,J),x.onlyUnderline,Ue)),role:Re,"aria-busy":Ke},a.createElement("div",{className:o(x.labelWrapper)},a.createElement(m,{labelText:ie,icon:Ce,labelFor:ne,required:Be}),a.createElement("div",{className:o(x.inputWrapper,p[ce],bt)},a.createElement("input",{className:o(k,x.input,t(t({},x.inputHasIcon,!!Ct),x.readOnly,Z)),placeholder:H,autoComplete:A,value:ut,onChange:pt,disabled:J,readOnly:Z,ref:rt,type:Le,id:ne,"data-testid":Me||f(b.TEXT_FIELD,ne),"data-vibe":C.TEXT_FIELD,name:Ye,onBlur:it,onFocus:S,onKeyDown:K,onWheel:V,maxLength:"number"!=typeof De||we?void 0:De,role:Te&&"combobox","aria-label":ye||H,"aria-invalid":de&&"error"===de.status||ot,"aria-owns":Te,"aria-activedescendant":Ne,"aria-required":Be,"aria-describedby":gt,required:Be,tabIndex:Xe,dir:$e}),Ke&&a.createElement("div",{className:o(x.loaderContainer,t({},x.loaderContainerHasIcon,Ct))},a.createElement("div",{className:o(x.loader)},a.createElement(y,{className:o(x.loaderSvg)}))),te&&a.createElement(h,{content:yt?Qe:void 0,referenceWrapperClassName:x.tooltipContainer},a.createElement(T,{className:o(x.iconContainer,t(t(t({},x.iconContainerHasIcon,Ct),x.iconContainerActive,yt),x.iconContainerClickable,Nt)),onClick:ft,tabIndex:ht?0:-1,"aria-label":It},a.createElement(g,{icon:te,className:o(x.icon),type:"font",size:"small"===ce?"16px":"18px"}))),oe&&a.createElement(h,{content:Et?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:x.tooltipContainer},a.createElement(T,{className:o(x.iconContainer,t(t(t({},x.iconContainerHasIcon,Ct),x.iconContainerActive,Et),x.iconContainerClickable,Nt)),onClick:ft,tabIndex:Tt?0:-1,"data-testid":Ve||f(b.TEXT_FIELD_SECONDARY_BUTTON,ne),"aria-label":jt},a.createElement(g,{icon:oe,className:o(x.icon),type:"font",size:"small"===ce?"16px":"18px"})))),xt&&a.createElement(N,{type:"text2",color:"secondary",className:o(x.subTextContainer)},(de&&de.text||ot&&Se)&&a.createElement("span",{className:o(x.subTextContainerStatus)},ot?Se:de.text),Ee&&a.createElement("span",{className:o(x.counter),"aria-label":v.CHAR},ut&&ut.length||0,"number"==typeof De&&"/".concat(De),a.createElement(E,{id:gt,text:"Maximum of ".concat(De," characters")})))))}));export{F as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../FieldLabel/FieldLabel.js";import{FEEDBACK_CLASSES as u,SIZE_MAPPER as p,TextFieldAriaLabel as v}from"./TextFieldConstants.js";import{getTestId as f}from"../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as C}from"../../tests/constants.js";import x from"./TextField.module.scss.js";import y from"../../../components/loader/dist/Loader/Loader.js";import E from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import h from"../../../components/clickable/dist/Clickable/Clickable.js";import T from"../../../components/icon/dist/Icon/Icon.js";import g from"../../../components/typography/dist/Text/Text.js";import N from"../../../components/a11y/dist/HiddenText/HiddenText.js";import{useMergeRef as I}from"../../../shared/dist/hooks/useMergeRef.js";import{NOOP as j}from"../../../shared/dist/utils/function-utils.js";var F=n((function(n,F){var L=n.className,k=void 0===L?"":L,D=n.placeholder,H=void 0===D?"":D,w=n.autoComplete,A=void 0===w?"off":w,_=n.value,q=n.onChange,R=void 0===q?j:q,W=n.onBlur,B=void 0===W?j:W,O=n.onFocus,S=void 0===O?j:O,z=n.onKeyDown,K=void 0===z?j:z,M=n.onWheel,V=void 0===M?j:M,X=n.debounceRate,P=void 0===X?0:X,U=n.autoFocus,Y=void 0!==U&&U,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?j:$,te=n.icon,oe=n.secondaryIconName,ae=n.id,ne=void 0===ae?"input":ae,re=n.title,ie=void 0===re?"":re,le=n.size,se=void 0===le?"small":le,ce=n.validation,de=void 0===ce?null:ce,me=n.wrapperClassName,ue=void 0===me?"":me,pe=n.onIconClick,ve=void 0===pe?j:pe,fe=n.clearOnIconClick,be=void 0!==fe&&fe,Ce=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,he=n.searchResultsContainerId,Te=void 0===he?"":he,ge=n.activeDescendant,Ne=void 0===ge?"":ge,Ie=n.iconLabel,je=n.secondaryIconLabel,Fe=n.type,Le=void 0===Fe?"text":Fe,ke=n.maxLength,De=void 0===ke?null:ke,He=n.allowExceedingMaxLength,we=void 0!==He&&He,Ae=n.trim,_e=void 0!==Ae&&Ae,qe=n.role,Re=void 0===qe?"":qe,We=n.required,Be=void 0!==We&&We,Oe=n.requiredErrorText,Se=void 0===Oe?"":Oe,ze=n.loading,Ke=void 0!==ze&&ze,Me=n["data-testid"],Ve=n.secondaryDataTestId,Xe=n.tabIndex,Pe=n.underline,Ue=void 0!==Pe&&Pe,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=n.dir,et=r(!1),tt=e(et,2),ot=tt[0],at=tt[1],nt=i(null),rt=I(F,nt,ee),it=l((function(e){Be&&!e.target.value&&at(!0),B(e)}),[B,Be]),lt=l((function(e,t){ot&&e&&at(!1),R(e,t||{target:nt.current})}),[R,ot]),st=d({delay:P,onChange:lt,initialStateValue:_,trim:_e}),ct=st.inputValue,dt=st.onEventChanged,mt=st.clearValue,ut=s((function(){return Je?_:ct}),[Je,_,ct]),pt=l((function(e){Je?lt(e.target.value,e):dt(e)}),[Je,lt,dt]),vt=s((function(){return oe&&ut?oe:te}),[te,oe,ut]),ft=l((function(){J||(be&&(nt.current&&nt.current.focus(),nt.current.value="",Je?lt(""):mt()),ve(vt))}),[J,be,ve,vt,Je,lt,mt]),bt=s((function(){return"number"==typeof De&&ut&&ut.length>De?u.error:de&&de.status||ot?u[ot?"error":de.status]:""}),[De,de,ot,ut]),Ct=te||oe,xt=ye||de&&de.text||ot&&Se,yt=oe===vt,Et=te===vt,ht=(ve!==j||Ie||Qe)&&ut&&te.length&&Et,Tt=(oe||Ze)&&yt&&!!ut,gt=we?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==nt?void 0:nt.current)&&Y){var e=requestAnimationFrame((function(){return nt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[nt,Y]);var Nt=ve!==j||be,It=Ie||Qe,jt=je||Ze;return a.createElement("div",{className:o(x.textField,ue,t(t({},x.disabled,J),x.onlyUnderline,Ue)),role:Re,"aria-busy":Ke},a.createElement("div",{className:o(x.labelWrapper)},a.createElement(m,{labelText:ie,icon:Ce,labelFor:ne,required:Be}),a.createElement("div",{className:o(x.inputWrapper,p[se],bt)},a.createElement("input",{className:o(k,x.input,t(t({},x.inputHasIcon,!!Ct),x.readOnly,Z)),placeholder:H,autoComplete:A,value:ut,onChange:pt,disabled:J,readOnly:Z,ref:rt,type:Le,id:ne,"data-testid":Me||f(b.TEXT_FIELD,ne),"data-vibe":C.TEXT_FIELD,name:Ye,onBlur:it,onFocus:S,onKeyDown:K,onWheel:V,maxLength:"number"!=typeof De||we?void 0:De,role:Te&&"combobox","aria-label":Ee||H,"aria-invalid":de&&"error"===de.status||ot,"aria-owns":Te,"aria-activedescendant":Ne,"aria-required":Be,"aria-describedby":gt,required:Be,tabIndex:Xe,dir:$e}),Ke&&a.createElement("div",{className:o(x.loaderContainer,t({},x.loaderContainerHasIcon,Ct))},a.createElement("div",{className:o(x.loader)},a.createElement(y,{className:o(x.loaderSvg)}))),te&&a.createElement(E,{content:Et?Qe:void 0,referenceWrapperClassName:x.tooltipContainer},a.createElement(h,{className:o(x.iconContainer,t(t(t({},x.iconContainerHasIcon,Ct),x.iconContainerActive,Et),x.iconContainerClickable,Nt)),onClick:ft,tabIndex:ht?0:-1,"aria-label":It},a.createElement(T,{icon:te,className:o(x.icon),type:"font",size:"small"===se?"16px":"18px"}))),oe&&a.createElement(E,{content:yt?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:x.tooltipContainer},a.createElement(h,{className:o(x.iconContainer,t(t(t({},x.iconContainerHasIcon,Ct),x.iconContainerActive,yt),x.iconContainerClickable,Nt)),onClick:ft,tabIndex:Tt?0:-1,"data-testid":Ve||f(b.TEXT_FIELD_SECONDARY_BUTTON,ne),"aria-label":jt},a.createElement(T,{icon:oe,className:o(x.icon),type:"font",size:"small"===se?"16px":"18px"})))),xt&&a.createElement(g,{type:"text2",color:"secondary",className:o(x.subTextContainer)},(de&&de.text||ot&&Se)&&a.createElement("span",{className:o(x.subTextContainerStatus)},ot?Se:de.text),ye&&a.createElement("span",{className:o(x.counter),"aria-label":v.CHAR},ut&&ut.length||0,"number"==typeof De&&"/".concat(De),a.createElement(N,{id:gt,text:"Maximum of ".concat(De," characters")})))))}));export{F as default};
 //# sourceMappingURL=TextField.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ChangeEventHandler, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\n\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nexport interface TextFieldProps extends VibeComponentProps {\n /*\n The placeholder text displayed when the input is empty.\n /\n placeholder?: string;\n /\n Configures the browser's autocomplete behavior.\n /\n autoComplete?: string;\n /\n The current value of the text field.\n /\n value?: string;\n /\n Callback fired when the text field value changes.\n /\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n /\n Callback fired when the text field loses focus.\n /\n onBlur?: (event: React.FocusEvent) => void;\n /\n Callback fired when the text field gains focus.\n /\n onFocus?: (event: React.FocusEvent) => void;\n /\n Callback fired when a key is pressed inside the text field.\n /\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse wheel is used inside the text field.\n /\n onWheel?: (event: React.WheelEvent) => void;\n /\n The debounce rate for input value changes.\n /\n debounceRate?: number;\n /\n If true, the input is automatically focused on mount.\n /\n autoFocus?: boolean;\n /\n If true, disables the text field.\n /\n disabled?: boolean;\n /\n If true, makes the text field read-only.\n /\n readonly?: boolean;\n /\n A function to set a reference to the input element.\n /\n setRef?: (node: HTMLElement) => void;\n /\n The primary icon displayed inside the text field.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The secondary icon displayed inside the text field.\n /\n secondaryIconName?: string \| React.FunctionComponent \| null;\n /\n The label displayed above the text field.\n /\n title?: string;\n /\n The size of the text field.\n /\n size?: TextFieldSize;\n /\n Validation state for the text field.\n /\n validation?: { status?: \"error\" \| \"success\"; text?: string \| React.ReactNode };\n /\n Class name applied to the text field wrapper.\n /\n wrapperClassName?: string;\n /\n Callback fired when the icon inside the text field is clicked.\n /\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n /\n If true, clears the input when the icon is clicked.\n /\n clearOnIconClick?: boolean;\n /\n The icon displayed inside the label.\n /\n labelIconName?: string \| React.FunctionComponent \| null;\n /\n If true, displays the character count.\n /\n showCharCount?: boolean;\n /\n The ARIA label for the input field.\n /\n inputAriaLabel?: string;\n /\n The ID of the container where search results are displayed.\n /\n searchResultsContainerId?: string;\n /\n The ID of the currently active search result.\n /\n activeDescendant?: string;\n /\n Accessible label for the primary icon.\n /\n iconLabel?: string;\n /\n Accessible label for the secondary icon.\n /\n secondaryIconLabel?: string;\n /\n The type of the text field.\n /\n type?: TextFieldType;\n /\n The maximum number of characters allowed.\n /\n maxLength?: number;\n /\n If true, allows the user to exceed the character limit set by `maxLength`.\n /\n allowExceedingMaxLength?: boolean;\n /\n If true, trims whitespace from the input value.\n /\n trim?: boolean;\n /\n The ARIA role of the text field.\n /\n role?: string;\n /\n If true, marks the input as required.\n /\n required?: boolean;\n /\n The error message displayed when a required field is left empty.\n /\n requiredErrorText?: string;\n /\n If true, displays a loading indicator inside the text field.\n /\n loading?: boolean;\n /\n Test ID for the secondary icon.\n /\n secondaryDataTestId?: string;\n /\n The tab order of the input field.\n /\n tabIndex?: number;\n /\n The name attribute for the input field.\n /\n name?: string;\n /\n If true, renders only an underline style for the text field.\n /\n underline?: boolean;\n /\n If true, the component is controlled by an external state.\n /\n controlled?: boolean;\n /\n Tooltip content for the primary icon.\n /\n iconTooltipContent?: string;\n /\n Tooltip content for the secondary icon.\n /\n secondaryTooltipContent?: string;\n /\n The text direction of the input.\n /\n dir?: \"ltr\" \| \"rtl\" \| \"auto\";\n}\n\nconst TextField = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n icon: iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconLabel,\n secondaryIconLabel,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent,\n dir\n }: TextFieldProps,\n ref: React.ForwardedRef<unknown>\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText =\n showCharCount \|\| (validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText);\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconLabel \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconAriaLabel = iconLabel \|\| iconTooltipContent;\n const secondaryIconAriaLabel = secondaryIconLabel \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n aria-label={primaryIconAriaLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n {secondaryIconName && (\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? 0 : -1}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n aria-label={secondaryIconAriaLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {((validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText)) && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default TextField;\n"],"names":["TextField","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","icon","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","iconLabel","secondaryIconLabel","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconAriaLabel","secondaryIconAriaLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ChangeEventHandler, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport { Icon } from \"@vibe/icon\";\nimport { Loader } from \"@vibe/loader\";\nimport { Text } from \"@vibe/typography\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport { FEEDBACK_CLASSES, SIZE_MAPPER, TextFieldAriaLabel } from \"./TextFieldConstants\";\nimport { type TextFieldType, type TextFieldSize } from \"./TextField.types\";\nimport { useMergeRef, NOOP } from \"@vibe/shared\";\nimport { Clickable } from \"@vibe/clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\n\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { HiddenText } from \"@vibe/a11y\";\n\nexport interface TextFieldProps extends VibeComponentProps {\n /*\n The placeholder text displayed when the input is empty.\n /\n placeholder?: string;\n /\n Configures the browser's autocomplete behavior.\n /\n autoComplete?: string;\n /\n The current value of the text field.\n /\n value?: string;\n /\n Callback fired when the text field value changes.\n /\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n /\n Callback fired when the text field loses focus.\n /\n onBlur?: (event: React.FocusEvent) => void;\n /\n Callback fired when the text field gains focus.\n /\n onFocus?: (event: React.FocusEvent) => void;\n /\n Callback fired when a key is pressed inside the text field.\n /\n onKeyDown?: (event: React.KeyboardEvent) => void;\n /\n Callback fired when the mouse wheel is used inside the text field.\n /\n onWheel?: (event: React.WheelEvent) => void;\n /\n The debounce rate for input value changes.\n /\n debounceRate?: number;\n /\n If true, the input is automatically focused on mount.\n /\n autoFocus?: boolean;\n /\n If true, disables the text field.\n /\n disabled?: boolean;\n /\n If true, makes the text field read-only.\n /\n readonly?: boolean;\n /\n A function to set a reference to the input element.\n /\n setRef?: (node: HTMLElement) => void;\n /\n The primary icon displayed inside the text field.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The secondary icon displayed inside the text field.\n /\n secondaryIconName?: string \| React.FunctionComponent \| null;\n /\n The label displayed above the text field.\n /\n title?: string;\n /\n The size of the text field.\n /\n size?: TextFieldSize;\n /\n Validation state for the text field.\n /\n validation?: { status?: \"error\" \| \"success\"; text?: string \| React.ReactNode };\n /\n Class name applied to the text field wrapper.\n /\n wrapperClassName?: string;\n /\n Callback fired when the icon inside the text field is clicked.\n /\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n /\n If true, clears the input when the icon is clicked.\n /\n clearOnIconClick?: boolean;\n /\n The icon displayed inside the label.\n /\n labelIconName?: string \| React.FunctionComponent \| null;\n /\n If true, displays the character count.\n /\n showCharCount?: boolean;\n /\n The ARIA label for the input field.\n /\n inputAriaLabel?: string;\n /\n The ID of the container where search results are displayed.\n /\n searchResultsContainerId?: string;\n /\n The ID of the currently active search result.\n /\n activeDescendant?: string;\n /\n Accessible label for the primary icon.\n /\n iconLabel?: string;\n /\n Accessible label for the secondary icon.\n /\n secondaryIconLabel?: string;\n /\n The type of the text field.\n /\n type?: TextFieldType;\n /\n The maximum number of characters allowed.\n /\n maxLength?: number;\n /\n If true, allows the user to exceed the character limit set by `maxLength`.\n /\n allowExceedingMaxLength?: boolean;\n /\n If true, trims whitespace from the input value.\n /\n trim?: boolean;\n /\n The ARIA role of the text field.\n /\n role?: string;\n /\n If true, marks the input as required.\n /\n required?: boolean;\n /\n The error message displayed when a required field is left empty.\n /\n requiredErrorText?: string;\n /\n If true, displays a loading indicator inside the text field.\n /\n loading?: boolean;\n /\n Test ID for the secondary icon.\n /\n secondaryDataTestId?: string;\n /\n The tab order of the input field.\n /\n tabIndex?: number;\n /\n The name attribute for the input field.\n /\n name?: string;\n /\n If true, renders only an underline style for the text field.\n /\n underline?: boolean;\n /\n If true, the component is controlled by an external state.\n /\n controlled?: boolean;\n /\n Tooltip content for the primary icon.\n /\n iconTooltipContent?: string;\n /\n Tooltip content for the secondary icon.\n /\n secondaryTooltipContent?: string;\n /\n The text direction of the input.\n /\n dir?: \"ltr\" \| \"rtl\" \| \"auto\";\n}\n\nconst TextField = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n icon: iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconLabel,\n secondaryIconLabel,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent,\n dir\n }: TextFieldProps,\n ref: React.ForwardedRef<unknown>\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText =\n showCharCount \|\| (validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText);\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconLabel \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconAriaLabel = iconLabel \|\| iconTooltipContent;\n const secondaryIconAriaLabel = secondaryIconLabel \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n data-vibe={ComponentVibeId.TEXT_FIELD}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n dir={dir}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n {iconName && (\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? 0 : -1}\n aria-label={primaryIconAriaLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n {secondaryIconName && (\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? 0 : -1}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n aria-label={secondaryIconAriaLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n type=\"font\"\n size={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n )}\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {((validation && validation.text) \|\| (isRequiredAndEmpty && requiredErrorText)) && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default TextField;\n"],"names":["TextField","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","icon","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","iconLabel","secondaryIconLabel","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","dir","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconAriaLabel","secondaryIconAriaLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","ComponentVibeId","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","Icon","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_234e74a3fc",labelWrapper:"labelWrapper_13d3be3d0a",subTextContainer:"subTextContainer_bfdc8ebd40",counter:"counter_130e7aeb79",disabled:"disabled_a96682ff9c",icon:"icon_39d9b9a69b",inputWrapper:"inputWrapper_39d9b9a69b",input:"input_bf20bb6fd6",iconContainer:"iconContainer_907542d32f",iconContainerHasIcon:"iconContainerHasIcon_50797d2288",readOnly:"readOnly_96a80daa1c",inputHover:"inputHover_17afd57289",inputActive:"inputActive_fc7e649fec",inputHasIcon:"inputHasIcon_30e06bc6f8",round:"round_0dee2445a4",square:"square_771015c7d9",onlyUnderline:"onlyUnderline_0c5269b771",tooltipContainer:"tooltipContainer_85332a15c4",wrapperSizeMedium:"wrapperSizeMedium_ae729c4bef",wrapperSizeLarge:"wrapperSizeLarge_2b8ac0ff44",iconContainerActive:"iconContainerActive_bf99082593",iconContainerClickable:"iconContainerClickable_3db26baac1",inputErrorValidation:"inputErrorValidation_50797d2288",subTextContainerStatus:"subTextContainerStatus_5baeebd0d3",inputSuccessValidation:"inputSuccessValidation_dad6cd25ba",wrapperSizeSmall:"wrapperSizeSmall_c22aa4831f",inputWrapperSizeSmall:"inputWrapperSizeSmall_3de26d4190",loaderContainer:"loaderContainer_9368eb0e1c",loaderContainerHasIcon:"loaderContainerHasIcon_c59229ad0f",loader:"loader_c2c8027279",loaderSvg:"loaderSvg_55a917799f"};!function(n){const e="s_id-c26ff539ba97_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_234e74a3fc {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_234e74a3fc * {\n  box-sizing: border-box;\n}\n.textField_234e74a3fc .labelWrapper_13d3be3d0a {\n  width: 100%;\n}\n.textField_234e74a3fc .subTextContainer_bfdc8ebd40 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField_234e74a3fc .subTextContainer_bfdc8ebd40 .counter_130e7aeb79 {\n  margin-inline-start: auto;\n}\n.textField_234e74a3fc.disabled_a96682ff9c .icon_39d9b9a69b {\n  cursor: not-allowed;\n}\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b {\n  cursor: not-allowed;\n}\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .input_bf20bb6fd6 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .input_bf20bb6fd6::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_234e74a3fc.disabled_a96682ff9c .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288:hover {\n  background-color: transparent;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b {\n  width: 100%;\n  position: relative;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.readOnly_96a80daa1c {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputHover_17afd57289 {\n  border-color: var(--primary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6:active,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputActive_fc7e649fec {\n  border-color: var(--primary-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.round_0dee2445a4 {\n  border-radius: 50px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.square_771015c7d9 {\n  border-radius: 0;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .input_bf20bb6fd6.onlyUnderline_0c5269b771 {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .tooltipContainer_85332a15c4 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .tooltipContainer_85332a15c4 {\n  width: 40px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .tooltipContainer_85332a15c4 {\n  width: 46px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1 {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593.iconContainerHasIcon_50797d2288:not(.iconContainerClickable_3db26baac1) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593 {\n  opacity: 1;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerActive_bf99082593 .icon_39d9b9a69b {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f.iconContainerHasIcon_50797d2288.iconContainerClickable_3db26baac1:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .iconContainer_907542d32f .icon_39d9b9a69b {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288:hover .input_bf20bb6fd6 {\n  border-color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6 {\n  border-color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .input_bf20bb6fd6:active {\n  border-color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .iconContainer_907542d32f .icon_39d9b9a69b {\n  color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 .iconContainer_907542d32f .icon_39d9b9a69b:hover {\n  color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 + .subTextContainer_bfdc8ebd40 .subTextContainerStatus_5baeebd0d3,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputErrorValidation_50797d2288 + .subTextContainer_bfdc8ebd40 .counter_130e7aeb79 {\n  color: var(--negative-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba:hover .input_bf20bb6fd6 {\n  border-color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6 {\n  border-color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6:focus,\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .input_bf20bb6fd6:active {\n  border-color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .iconContainer_907542d32f .icon_39d9b9a69b {\n  color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba .iconContainer_907542d32f .icon_39d9b9a69b:hover {\n  color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputSuccessValidation_dad6cd25ba + .subTextContainer_bfdc8ebd40 .subTextContainerStatus_5baeebd0d3 {\n  color: var(--positive-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeSmall_c22aa4831f {\n  height: 32px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeSmall_c22aa4831f .input_bf20bb6fd6 {\n  padding-inline-start: var(--space-8);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.inputWrapperSizeSmall_3de26d4190 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: var(--space-4);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef {\n  height: 40px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .input_bf20bb6fd6 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: 4px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .iconContainer_907542d32f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .iconContainer_907542d32f:hover + .iconContainer_907542d32f + .input_bf20bb6fd6 {\n  border-color: var(--primary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 {\n  height: 48px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .input_bf20bb6fd6 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .input_bf20bb6fd6.inputHasIcon_30e06bc6f8.onlyUnderline_0c5269b771 {\n  padding-inline-start: var(--space-4);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .iconContainer_907542d32f {\n  height: 40px;\n  width: 40px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b:hover .input_bf20bb6fd6 {\n  border-color: var(--primary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c.loaderContainerHasIcon_c59229ad0f {\n  inset-inline-end: 32px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c .loader_c2c8027279 {\n  width: 16px;\n  height: 16px;\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b .loaderContainer_9368eb0e1c .loader_c2c8027279 .loaderSvg_55a917799f {\n  color: var(--secondary-text-color);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeMedium_ae729c4bef .iconContainer_907542d32f .icon_39d9b9a69b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_234e74a3fc .inputWrapper_39d9b9a69b.wrapperSizeLarge_2b8ac0ff44 .iconContainer_907542d32f .icon_39d9b9a69b {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var e={textField:"textField_60bb43ea80",labelWrapper:"labelWrapper_32872c93b9",subTextContainer:"subTextContainer_488312e23c",counter:"counter_9a787ac882",disabled:"disabled_7721c2ab91",icon:"icon_5de23a6345",inputWrapper:"inputWrapper_5de23a6345",input:"input_d88ec8eab0",iconContainer:"iconContainer_80369dd82f",iconContainerHasIcon:"iconContainerHasIcon_0258dedfce",readOnly:"readOnly_ff06cbe87d",inputHover:"inputHover_f023b705dc",inputActive:"inputActive_9ff0185bac",inputHasIcon:"inputHasIcon_ef6b4c1252",round:"round_fb771f5492",square:"square_6931c65827",onlyUnderline:"onlyUnderline_c220045d81",tooltipContainer:"tooltipContainer_1a178554e9",wrapperSizeMedium:"wrapperSizeMedium_4479c6ef40",wrapperSizeLarge:"wrapperSizeLarge_97a848f8df",iconContainerActive:"iconContainerActive_35c1184c5f",iconContainerClickable:"iconContainerClickable_0df6048c96",inputErrorValidation:"inputErrorValidation_0258dedfce",subTextContainerStatus:"subTextContainerStatus_bd263161c2",inputSuccessValidation:"inputSuccessValidation_f08f92cf3d",wrapperSizeSmall:"wrapperSizeSmall_313c9f1eb4",inputWrapperSizeSmall:"inputWrapperSizeSmall_31b6976604",loaderContainer:"loaderContainer_c576a055f7",loaderContainerHasIcon:"loaderContainerHasIcon_2654047e33",loader:"loader_07c17f04f3",loaderSvg:"loaderSvg_cd7f311506"};!function(e){const n="s_id-c26ff539ba97_4_5_12";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.textField_60bb43ea80 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n.textField_60bb43ea80 * {\n  box-sizing: border-box;\n}\n.textField_60bb43ea80 .labelWrapper_32872c93b9 {\n  width: 100%;\n}\n.textField_60bb43ea80 .subTextContainer_488312e23c {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n.textField_60bb43ea80 .subTextContainer_488312e23c .counter_9a787ac882 {\n  margin-inline-start: auto;\n}\n.textField_60bb43ea80.disabled_7721c2ab91 .icon_5de23a6345 {\n  cursor: not-allowed;\n}\n.textField_60bb43ea80.disabled_7721c2ab91 .inputWrapper_5de23a6345 {\n  cursor: not-allowed;\n}\n.textField_60bb43ea80.disabled_7721c2ab91 .inputWrapper_5de23a6345 .input_d88ec8eab0 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n.textField_60bb43ea80.disabled_7721c2ab91 .inputWrapper_5de23a6345 .input_d88ec8eab0::placeholder {\n  color: var(--disabled-text-color);\n}\n.textField_60bb43ea80.disabled_7721c2ab91 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerHasIcon_0258dedfce:hover {\n  background-color: transparent;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 {\n  width: 100%;\n  position: relative;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--space-8) var(--space-4) var(--space-8) var(--space-12);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.readOnly_ff06cbe87d {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.inputHover_f023b705dc {\n  border-color: var(--primary-text-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0:focus,\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0:active,\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.inputActive_9ff0185bac {\n  border-color: var(--primary-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0::placeholder {\n  color: var(--placeholder-color);\n  font-weight: 400;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.inputHasIcon_ef6b4c1252 {\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-8);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.round_fb771f5492 {\n  border-radius: 50px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.square_6931c65827 {\n  border-radius: 0;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .input_d88ec8eab0.onlyUnderline_c220045d81 {\n  border-inline: none;\n  border-top: none;\n  padding: var(--space-8) var(--space-24) var(--space-8) var(--space-4);\n  border-radius: 0 !important;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .tooltipContainer_1a178554e9 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .tooltipContainer_1a178554e9 {\n  width: 40px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .tooltipContainer_1a178554e9 {\n  width: 46px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n  -webkit-appearance: none;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerActive_35c1184c5f.iconContainerHasIcon_0258dedfce.iconContainerClickable_0df6048c96 {\n  pointer-events: all;\n  cursor: pointer;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerActive_35c1184c5f.iconContainerHasIcon_0258dedfce:not(.iconContainerClickable_0df6048c96) {\n  pointer-events: none;\n  cursor: default;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerActive_35c1184c5f {\n  opacity: 1;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerActive_35c1184c5f .icon_5de23a6345 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerHasIcon_0258dedfce.iconContainerClickable_0df6048c96:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f.iconContainerHasIcon_0258dedfce.iconContainerClickable_0df6048c96:active {\n  transform: translateY(-50%) scale(0.9);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .iconContainer_80369dd82f .icon_5de23a6345 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n  font-family: var(--font-family);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce:hover .input_d88ec8eab0 {\n  border-color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce .input_d88ec8eab0 {\n  border-color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce .input_d88ec8eab0:focus,\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce .input_d88ec8eab0:active {\n  border-color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce .iconContainer_80369dd82f .icon_5de23a6345 {\n  color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce .iconContainer_80369dd82f .icon_5de23a6345:hover {\n  color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce + .subTextContainer_488312e23c .subTextContainerStatus_bd263161c2,\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputErrorValidation_0258dedfce + .subTextContainer_488312e23c .counter_9a787ac882 {\n  color: var(--negative-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d:hover .input_d88ec8eab0 {\n  border-color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d .input_d88ec8eab0 {\n  border-color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d .input_d88ec8eab0:focus,\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d .input_d88ec8eab0:active {\n  border-color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d .iconContainer_80369dd82f .icon_5de23a6345 {\n  color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d .iconContainer_80369dd82f .icon_5de23a6345:hover {\n  color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputSuccessValidation_f08f92cf3d + .subTextContainer_488312e23c .subTextContainerStatus_bd263161c2 {\n  color: var(--positive-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeSmall_313c9f1eb4 {\n  height: 32px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeSmall_313c9f1eb4 .input_d88ec8eab0 {\n  padding-inline-start: var(--space-8);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.inputWrapperSizeSmall_31b6976604 .input_d88ec8eab0.inputHasIcon_ef6b4c1252.onlyUnderline_c220045d81 {\n  padding-inline-start: var(--space-4);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 {\n  height: 40px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .input_d88ec8eab0 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .input_d88ec8eab0.inputHasIcon_ef6b4c1252 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .input_d88ec8eab0.inputHasIcon_ef6b4c1252.onlyUnderline_c220045d81 {\n  padding-inline-start: 4px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .iconContainer_80369dd82f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .iconContainer_80369dd82f:hover + .iconContainer_80369dd82f + .input_d88ec8eab0 {\n  border-color: var(--primary-text-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df {\n  height: 48px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .input_d88ec8eab0 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .input_d88ec8eab0.inputHasIcon_ef6b4c1252 {\n  padding: var(--space-8) var(--space-32) var(--space-8) var(--space-12);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .input_d88ec8eab0.inputHasIcon_ef6b4c1252.onlyUnderline_c220045d81 {\n  padding-inline-start: var(--space-4);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .iconContainer_80369dd82f {\n  height: 40px;\n  width: 40px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345:hover .input_d88ec8eab0 {\n  border-color: var(--primary-text-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .loaderContainer_c576a055f7 {\n  position: absolute;\n  top: 50%;\n  inset-inline-end: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .loaderContainer_c576a055f7.loaderContainerHasIcon_2654047e33 {\n  inset-inline-end: 32px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .loaderContainer_c576a055f7 .loader_07c17f04f3 {\n  width: 16px;\n  height: 16px;\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345 .loaderContainer_c576a055f7 .loader_07c17f04f3 .loaderSvg_cd7f311506 {\n  color: var(--secondary-text-color);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeMedium_4479c6ef40 .iconContainer_80369dd82f .icon_5de23a6345 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.textField_60bb43ea80 .inputWrapper_5de23a6345.wrapperSizeLarge_97a848f8df .iconContainer_80369dd82f .icon_5de23a6345 {\n  font-size: 16px;\n  font-family: var(--font-family);\n}\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_fc9cfafba4",highlightText:"highlightText_4910bb9e61",withEllipsis:"withEllipsis_26f7bee2ed"};!function(e){const t="s_id-42c1fd2afe36_4_5_10";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_fc9cfafba4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_fc9cfafba4 em.highlightText_4910bb9e61 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_fc9cfafba4.withEllipsis_26f7bee2ed {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
+var e={textWithHighlightWrapper:"textWithHighlightWrapper_cfffdb3a8c",highlightText:"highlightText_a72d4fd5bb",withEllipsis:"withEllipsis_8202e4bed3"};!function(e){const t="s_id-42c1fd2afe36_4_5_12";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_cfffdb3a8c {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_cfffdb3a8c em.highlightText_a72d4fd5bb {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n.textWithHighlightWrapper_cfffdb3a8c.withEllipsis_8202e4bed3 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_331ef1d601",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_fa8cc23143",floating:"floating_87a017f8cd",tipseenHeader:"tipseenHeader_b17148a69a",tipseenTitle:"tipseenTitle_03705a3c5c",tipseenContent:"tipseenContent_27c5e7d2ba",tipseenCloseButton:"tipseenCloseButton_037d29b146",dark:"dark_cf0f681e6a"};!function(e){const n="s_id-077bfe37a52b_4_5_10";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_331ef1d601 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_331ef1d601.tipseenWrapperWithoutCustomWidth_fa8cc23143 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_331ef1d601.floating_87a017f8cd {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper_331ef1d601 .tipseenHeader_b17148a69a {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_331ef1d601 .tipseenTitle_03705a3c5c {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_331ef1d601 .tipseenContent_27c5e7d2ba {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_331ef1d601 .tipseenCloseButton_037d29b146 {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_331ef1d601 .tipseenCloseButton_037d29b146.dark_cf0f681e6a {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_206f20921a",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_0b7b86bb1c",floating:"floating_f62c21b519",tipseenHeader:"tipseenHeader_2c1b85ec41",tipseenTitle:"tipseenTitle_eb8559d2d9",tipseenContent:"tipseenContent_61525e5efb",tipseenCloseButton:"tipseenCloseButton_f512999675",dark:"dark_4eeb4fa695"};!function(e){const n="s_id-077bfe37a52b_4_5_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tipseenWrapper_206f20921a {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapper_206f20921a.tipseenWrapperWithoutCustomWidth_0b7b86bb1c {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_206f20921a.floating_f62c21b519 {\n  position: fixed;\n  bottom: 0;\n  inset-inline-end: 0;\n  margin-bottom: var(--space-16);\n  margin-inline-end: var(--space-16);\n}\n.tipseenWrapper_206f20921a .tipseenHeader_2c1b85ec41 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_206f20921a .tipseenTitle_eb8559d2d9 {\n  padding: var(--space-16) var(--space-32) 0 var(--space-16);\n}\n.tipseenWrapper_206f20921a .tipseenContent_61525e5efb {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_206f20921a .tipseenCloseButton_f512999675 {\n  position: absolute;\n  top: var(--space-8);\n  inset-inline-end: var(--space-8);\n  z-index: 2;\n}\n.tipseenWrapper_206f20921a .tipseenCloseButton_f512999675.dark_4eeb4fa695 {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_03a6e5dd7f"};!function(e){const n="s_id-6606edb50944_4_5_10";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)}(".tipseenBasicContent_03a6e5dd7f {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_03a6e5dd7f:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_b1f18b0faf"};!function(e){const n="s_id-6606edb50944_4_5_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_b1f18b0faf {\n  padding: var(--space-16) 20px var(--space-24) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_b1f18b0faf:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_ecd56d73f1",dismiss:"dismiss_137f56f364"};!function(e){const n="s_id-585bd2f4c510_4_5_10";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)}(".buttons_ecd56d73f1 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_137f56f364 {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
+var e={buttons:"buttons_8c7dd005ea",dismiss:"dismiss_5579689b6a"};!function(e){const n="s_id-585bd2f4c510_4_5_12";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)}(".buttons_8c7dd005ea {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_5579689b6a {\n  margin-inline-end: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_1386985750",colorInverted:"colorInverted_204646ea59"};!function(e){const n="s_id-71e151b2b729_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenMedia_1386985750 {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_204646ea59 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_cef6d90f0f",colorInverted:"colorInverted_e87136a985"};!function(e){const d="s_id-71e151b2b729_4_5_12";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenMedia_cef6d90f0f {\n  width: 100%;\n  overflow: hidden;\n  display: flex;\n  border: 2px solid var(--primary-color);\n  border-radius: var(--border-radius-medium);\n  position: relative;\n  z-index: 1;\n}\n\n.colorInverted_e87136a985 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map