@vibe/core 3.1.0 → 3.2.0

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    { items, rowRenderer, onScroll, id, className, \"data-testid\": dataTestId }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        const currentItem = items[index];\n        const element = rowRenderer(currentItem);\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer]\n    );\n\n    useEffect(() => {\n      markTableAsVirtualized();\n    }, [markTableAsVirtualized]);\n\n    return (\n      <TableBody\n        className={cx(styles.tableBody, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef"],"mappings":"0pBAsBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAQJ,EAARI,SAAUC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAG/CQ,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBAEFE,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBL,IACAF,EAAwB,CACtBO,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACL,EAAiBF,IAGpBS,GAAU,WACR,IAAMC,EAAgBX,EAAmBY,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,IAEJ,IAAMU,EAAkCT,GACtC,SAAAU,GASEvB,SAAAA,EAReuB,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAOF,GACA,CAAC1B,IAGG2B,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WAETG,EAAUlC,EADID,EAAM+B,IAE1B,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAET,GACA,CAAC/B,EAAOC,IAOV,OAJAkB,GAAU,WACRR,GACF,GAAG,CAACA,IAGFyB,EAACO,cAAAC,GACCxC,UAAWyC,EAAGC,EAAOC,UAAW3C,GAChCD,GAAIA,gBACSE,GAAc2C,EAAUC,EAAuBC,uBAAwB/C,GACpFJ,IAAKA,IAEJC,eAAAA,EAAOmD,SACNf,EAACO,cAAAS,QACE,SAAAC,GAAgB,OACfjB,EAAAO,cAACW,EACC,CAAAC,SAAUC,EAAWhD,GACrBiD,OAHMJ,EAANI,OAIAC,UAAW1D,EAAMmD,OACjBQ,MALaN,EAALM,MAMRzD,SAAUsB,EACVoC,SAAU,SAAAzB,GACR1B,EAAmBY,QAAUc,CAC/B,GAECN,EAEJ,IAKX"}
+{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  items: T[];\n  rowRenderer: (item: T) => JSX.Element;\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  columns?: TableColumn[];\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n      ({ index, style: { width: _width, ...style } }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n        const element = rowRenderer(currentItem);\n\n        return React.cloneElement(element, {\n          style: { ...style, ...element.props?.style },\n          key: index\n        });\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={\n                  virtualizedWithHeader\n                    ? forwardRef(({ children, ...rest }, ref) => (\n                        <div ref={ref} {...rest}>\n                          {headerRenderer(columns)}\n                          {children}\n                        </div>\n                      ))\n                    : undefined\n                }\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType","children","rest","undefined"],"mappings":"6uBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAOvB,OAJAM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAG1BuB,EAACO,cAAAC,EACC,CAAAzC,UAAW0C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAapC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAc8C,EAAUC,EAAuBC,uBAAwBlD,GACpFN,IAAKA,IAEJC,eAAAA,EAAOwD,SACNjB,gBAACkB,EAAS,MACP,SAAAC,GAAgB,OACfnB,EAAAO,cAACa,EACC,CAAAC,SAAUC,EAAWnD,GACrBoD,OAHMJ,EAANI,OAIAC,UAAW/C,EAAwBhB,EAAMwD,OAAS,EAAIxD,EAAMwD,OAC5DQ,MALaN,EAALM,MAMR9D,SAAUyB,EACVsC,SAAU,SAAA3B,GACR3B,EAAmBa,QAAUc,CAC9B,EACD4B,iBACElD,EACInB,GAAW,SAACoC,EAAuBlC,GAAvB,IAAEoE,EAAmBlC,EAAnBkC,SAAaC,EAAI/B,EAAAJ,EAAnB,cAA+B,OACzCM,EAAKO,cAAA,MAAAL,OAAAC,OAAA,CAAA3C,IAAKA,GAASqE,GAChBhE,EAAeD,GACfgE,EAEJ,SACDE,GAGLrC,EAEJ,IAKX"}

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_1da29cbb22"};!function(e){const t="s_id-0bce46f13bae_3_0_0";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)}(".tableBody_1da29cbb22 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_8f7b433c70",withHeader:"withHeader_2282aa0491"};!function(e){const t="s_id-dd963e37de67_3_1_0";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)}(".tableBody_8f7b433c70 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_8f7b433c70.withHeader_2282aa0491 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_0850da243f",tabInner:"tabInner_191e2e36cf",tabIcon:"tabIcon_a8d6be72cc",right:"right_78b35be724",tabFocusVisibleInset:"tabFocusVisibleInset_b3f752079a",active:"active_b784a94b1a",disabled:"disabled_a4f956f828"};!function(n){const e="s_id-e9e07df0e1ab_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_0850da243f {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 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\n.tabWrapper_0850da243f:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 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\n.tabWrapper_0850da243f .tabInner_191e2e36cf {\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\n.tabWrapper_0850da243f .tabInner_191e2e36cf:focus {\n  outline: none;\n}\n\n.tabWrapper_0850da243f .tabInner_191e2e36cf .tabIcon_a8d6be72cc {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_0850da243f .tabInner_191e2e36cf .tabIcon_a8d6be72cc.right_78b35be724 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_0850da243f.tabFocusVisibleInset_b3f752079a {\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\n.tabWrapper_0850da243f.active_b784a94b1a:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_0850da243f.disabled_a4f956f828 .tabInner_191e2e36cf {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_0850da243f:not(.disabled_a4f956f828) .tabInner_191e2e36cf:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_7032c86263",tabInner:"tabInner_843aad6502",tabIcon:"tabIcon_0bc993e452",right:"right_343ebce1e6",tabFocusVisibleInset:"tabFocusVisibleInset_fb6cc3dd4c",active:"active_04d1f618f8",disabled:"disabled_69c8ff3ac5"};!function(n){const e="s_id-e9e07df0e1ab_3_1_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_7032c86263 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 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\n.tabWrapper_7032c86263:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 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\n.tabWrapper_7032c86263 .tabInner_843aad6502 {\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\n.tabWrapper_7032c86263 .tabInner_843aad6502:focus {\n  outline: none;\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502 .tabIcon_0bc993e452 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502 .tabIcon_0bc993e452.right_343ebce1e6 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_7032c86263.tabFocusVisibleInset_fb6cc3dd4c {\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\n.tabWrapper_7032c86263.active_04d1f618f8:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_7032c86263.disabled_69c8ff3ac5 .tabInner_843aad6502 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_7032c86263:not(.disabled_69c8ff3ac5) .tabInner_843aad6502:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_163b67f984",tabsList:"tabsList_887a05d1c1",sm:"sm_4f3af8868f",lg:"lg_a206aa4ce0",stretched:"stretched_5acbee15bc",tabListTabWrapper:"tabListTabWrapper_93821243ba",tabListTabInner:"tabListTabInner_93821243ba",disabled:"disabled_6c7142f3cb"};!function(e){const t="s_id-10f1ea92a898_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_163b67f984 .tabsList_887a05d1c1 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_163b67f984 .tabsList_887a05d1c1.sm_4f3af8868f {\n  height: 32px;\n}\n\n.tabsWrapper_163b67f984 .tabsList_887a05d1c1.lg_a206aa4ce0 {\n  height: 48px;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 .tabListTabWrapper_93821243ba {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.stretched_5acbee15bc .tabsList_887a05d1c1 .tabListTabWrapper_93821243ba .tabListTabInner_93821243ba {\n  width: 100%;\n}\n\n.tabsWrapper_163b67f984.disabled_6c7142f3cb {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_4502201f20",tabsList:"tabsList_11063c33a8",sm:"sm_00548e7af4",lg:"lg_9127325f2b",stretched:"stretched_2befbe6122",tabListTabWrapper:"tabListTabWrapper_c33c8c7ff0",tabListTabInner:"tabListTabInner_c33c8c7ff0",disabled:"disabled_fe0d8ddde4"};!function(e){const t="s_id-10f1ea92a898_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_4502201f20 .tabsList_11063c33a8 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_4502201f20 .tabsList_11063c33a8.sm_00548e7af4 {\n  height: 32px;\n}\n\n.tabsWrapper_4502201f20 .tabsList_11063c33a8.lg_9127325f2b {\n  height: 48px;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 .tabListTabWrapper_c33c8c7ff0 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 .tabListTabWrapper_c33c8c7ff0 .tabListTabInner_c33c8c7ff0 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.disabled_fe0d8ddde4 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_98f8177071"};!function(e){const t="s_id-82244d4a2f7b_3_0_0";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_98f8177071 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_4bdb5ce273"};!function(e){const t="s_id-82244d4a2f7b_3_1_0";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_4bdb5ce273 {\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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_e13f562e44",tabPanel:"tabPanel_c2446a7923",animationDirectionRtl:"animationDirectionRtl_87e1fcc50d",animationDirectionLtr:"animationDirectionLtr_f9cde32dea",active:"active_90985e7d1a",panelSlideIn:"panelSlideIn_7d21b39be8"};!function(e){const n="s_id-078bacbdb1e4_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923 {\n  display: none;\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.animationDirectionRtl_87e1fcc50d {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.animationDirectionLtr_f9cde32dea {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e13f562e44 .tabPanel_c2446a7923.active_90985e7d1a {\n  display: block;\n  animation: panelSlideIn_7d21b39be8 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_7d21b39be8 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper_96096d33dd",tabPanel:"tabPanel_fb816d7322",animationDirectionRtl:"animationDirectionRtl_3ba9ff67e5",animationDirectionLtr:"animationDirectionLtr_f4af702d99",active:"active_d15982bc13",panelSlideIn:"panelSlideIn_478b3cd1f7"};!function(n){const e="s_id-078bacbdb1e4_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322 {\n  display: none;\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.animationDirectionRtl_3ba9ff67e5 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.animationDirectionLtr_f4af702d99 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.active_d15982bc13 {\n  display: block;\n  animation: panelSlideIn_478b3cd1f7 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_478b3cd1f7 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_273f90acf9",text1Medium:"text1Medium_a83d526418",text1Normal:"text1Normal_825d27cf03",text2Bold:"text2Bold_4d9d2dd964",text2Medium:"text2Medium_ccd0608b3e",text2Normal:"text2Normal_fc6192f39e",text3Bold:"text3Bold_5cfc11f89e",text3Medium:"text3Medium_70ede31918",text3Normal:"text3Normal_c4c1e86181",text:"text_fa06f86ba0"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_273f90acf9 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_a83d526418 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_825d27cf03 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_4d9d2dd964 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_ccd0608b3e {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_fc6192f39e {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_5cfc11f89e {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_70ede31918 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c4c1e86181 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_fa06f86ba0 {\n  margin-block: 0;\n}\n\np.text_fa06f86ba0 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_3c1ce8e7e1",text1Medium:"text1Medium_20b445f3a9",text1Normal:"text1Normal_65ffba60a1",text2Bold:"text2Bold_23aacccee4",text2Medium:"text2Medium_cd7207de99",text2Normal:"text2Normal_462589359a",text3Bold:"text3Bold_d1e88a73ff",text3Medium:"text3Medium_69bce18d59",text3Normal:"text3Normal_2873cedaf0",text:"text_dd8b8b6cfc"};!function(t){const e="s_id-0b8dab5fe88c_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_3c1ce8e7e1 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_20b445f3a9 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_65ffba60a1 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_23aacccee4 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_cd7207de99 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_462589359a {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d1e88a73ff {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_69bce18d59 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_2873cedaf0 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_dd8b8b6cfc {\n  margin-block: 0;\n}\n\np.text_dd8b8b6cfc + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_310a76fdb4",label:"label_65b1d4712e",required:"required_8ab2448eff",subTextContainer:"subTextContainer_8c8b98f792",helpText:"helpText_805d7c308f",limitText:"limitText_bd794b0037",textArea:"textArea_54e8b6a471",small:"small_fc6192f39e",large:"large_825d27cf03",resize:"resize_93578cf188",success:"success_00bdef5698",error:"error_0a03c4d90a",disabled:"disabled_8ab2448eff",readOnly:"readOnly_8ab2448eff"};!function(e){const r="s_id-cf287aae5ade_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_310a76fdb4 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_310a76fdb4 .label_65b1d4712e {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .label_65b1d4712e.required_8ab2448eff::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 .helpText_805d7c308f {\n  display: flex;\n}\n.textAreaWrapper_310a76fdb4 .subTextContainer_8c8b98f792 .limitText_bd794b0037 {\n  margin-left: auto;\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471 {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:active, .textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:focus, .textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471.small_fc6192f39e {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471.large_825d27cf03 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_310a76fdb4 .textArea_54e8b6a471:not(.resize_93578cf188) {\n  resize: none;\n}\n.textAreaWrapper_310a76fdb4.success_00bdef5698 .textArea_54e8b6a471 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_310a76fdb4.success_00bdef5698 .helpText_805d7c308f {\n  color: var(--color-success);\n}\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .textArea_54e8b6a471 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .helpText_805d7c308f,\n.textAreaWrapper_310a76fdb4.error_0a03c4d90a .limitText_bd794b0037 {\n  color: var(--color-error);\n}\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .textArea_54e8b6a471,\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .textArea_54e8b6a471:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_310a76fdb4.disabled_8ab2448eff .helpText_805d7c308f {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_310a76fdb4.readOnly_8ab2448eff .textArea_54e8b6a471,\n.textAreaWrapper_310a76fdb4.readOnly_8ab2448eff .textArea_54e8b6a471:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_43c27b1b80",label:"label_18669ece4b",required:"required_234bf9de6b",subTextContainer:"subTextContainer_f8f3964b58",helpText:"helpText_9b0d4f852d",limitText:"limitText_16e2d9408b",textArea:"textArea_2ee9300c5f",small:"small_462589359a",large:"large_65ffba60a1",resize:"resize_578991e19f",success:"success_084dfa7ac7",error:"error_be953031cf",disabled:"disabled_234bf9de6b",readOnly:"readOnly_234bf9de6b"};!function(e){const r="s_id-cf287aae5ade_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_43c27b1b80 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_43c27b1b80 .label_18669ece4b {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .label_18669ece4b.required_234bf9de6b::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 .helpText_9b0d4f852d {\n  display: flex;\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 .limitText_16e2d9408b {\n  margin-left: auto;\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:active, .textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:focus, .textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f.small_462589359a {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f.large_65ffba60a1 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:not(.resize_578991e19f) {\n  resize: none;\n}\n.textAreaWrapper_43c27b1b80.success_084dfa7ac7 .textArea_2ee9300c5f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_43c27b1b80.success_084dfa7ac7 .helpText_9b0d4f852d {\n  color: var(--color-success);\n}\n.textAreaWrapper_43c27b1b80.error_be953031cf .textArea_2ee9300c5f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80.error_be953031cf .helpText_9b0d4f852d,\n.textAreaWrapper_43c27b1b80.error_be953031cf .limitText_16e2d9408b {\n  color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .textArea_2ee9300c5f,\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .textArea_2ee9300c5f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .helpText_9b0d4f852d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_43c27b1b80.readOnly_234bf9de6b .textArea_2ee9300c5f,\n.textAreaWrapper_43c27b1b80.readOnly_234bf9de6b .textArea_2ee9300c5f: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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  ChangeEvent,\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n  FEEDBACK_CLASSES,\n  SIZE_MAPPER,\n  TextFieldAriaLabel,\n  TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n  TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n  placeholder?: string;\n  /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options */\n  autoComplete?: string;\n  value?: string;\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  onFocus?: (event: React.FocusEvent) => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  onWheel?: (event: React.WheelEvent) => void;\n  debounceRate?: number;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  setRef?: (node: HTMLElement) => void;\n  iconName?: string | React.FunctionComponent | null;\n  secondaryIconName?: string | React.FunctionComponent | null;\n  title?: string;\n  /** SIZES is exposed on the component itself */\n  size?: TextFieldSize;\n  /** Don't provide status for plain assistant text */\n  validation?: { status?: \"error\" | \"success\"; text?: string }; // TODO make common validation class?\n  wrapperClassName?: string;\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  clearOnIconClick?: boolean;\n  labelIconName?: string | React.FunctionComponent | null;\n  showCharCount?: boolean;\n  inputAriaLabel?: string;\n  searchResultsContainerId?: string;\n  activeDescendant?: string;\n  /**  Icon names labels for a11y */\n  iconsNames?: {\n    primary: string;\n    secondary: string;\n  };\n  /** TEXT_TYPES is exposed on the component itself */\n  type?: TextFieldType;\n  maxLength?: number;\n  allowExceedingMaxLength?: boolean;\n  trim?: boolean;\n  /** ARIA role for container landmark */\n  role?: string;\n  /** adds required to the input element */\n  required?: boolean;\n  requiredErrorText?: string;\n  /** shows loading animation */\n  loading?: boolean;\n  secondaryDataTestId?: string;\n  tabIndex?: number;\n  name?: string;\n  underline?: boolean;\n  /**\n   * When true, component is controlled by an external state\n   */\n  controlled?: boolean;\n  iconTooltipContent?: string;\n  secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n  sizes?: typeof BASE_SIZES;\n  types?: typeof TextFieldTextTypeEnum;\n  feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = 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      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      iconsNames = EMPTY_OBJECT,\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    }: TextFieldProps,\n    ref\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 = showCharCount || (validation && validation.text) || isRequiredAndEmpty;\n    const isSecondary = secondaryIconName === currentStateIconName;\n    const isPrimary = iconName === currentStateIconName;\n    const shouldFocusOnPrimaryIcon =\n      (onIconClick !== NOOP || iconsNames.primary || 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 primaryIconLabel = iconsNames.primary || iconTooltipContent;\n    const secondaryIconLabel = iconsNames.secondary || 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              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            />\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            <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                ariaLabel={primaryIconLabel}\n              >\n                <Icon\n                  icon={iconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\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                ariaLabel={secondaryIconLabel}\n              >\n                <Icon\n                  icon={secondaryIconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\n          </div>\n          {shouldShowExtraText && (\n            <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n              {validation && validation.text && (\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 withStaticProps(TextField, {\n  sizes: BASE_SIZES,\n  feedbacks: TextFieldFeedbackStateEnum,\n  types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","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","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","_ref$iconsNames","iconsNames","_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","_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","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
+{"version":3,"file":"TextField.js","sources":["../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  ChangeEvent,\n  ChangeEventHandler,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n  FEEDBACK_CLASSES,\n  SIZE_MAPPER,\n  TextFieldAriaLabel,\n  TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n  TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n  placeholder?: string;\n  /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options */\n  autoComplete?: string;\n  value?: string;\n  onChange?: (\n    value: string,\n    event: React.ChangeEvent<HTMLInputElement> | Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n  ) => void;\n  onBlur?: (event: React.FocusEvent) => void;\n  onFocus?: (event: React.FocusEvent) => void;\n  onKeyDown?: (event: React.KeyboardEvent) => void;\n  onWheel?: (event: React.WheelEvent) => void;\n  debounceRate?: number;\n  autoFocus?: boolean;\n  disabled?: boolean;\n  readonly?: boolean;\n  setRef?: (node: HTMLElement) => void;\n  iconName?: string | React.FunctionComponent | null;\n  secondaryIconName?: string | React.FunctionComponent | null;\n  title?: string;\n  /** SIZES is exposed on the component itself */\n  size?: TextFieldSize;\n  /** Don't provide status for plain assistant text */\n  validation?: { status?: \"error\" | \"success\"; text?: string }; // TODO make common validation class?\n  wrapperClassName?: string;\n  onIconClick?: (icon: string | React.FunctionComponent | null) => void;\n  clearOnIconClick?: boolean;\n  labelIconName?: string | React.FunctionComponent | null;\n  showCharCount?: boolean;\n  inputAriaLabel?: string;\n  searchResultsContainerId?: string;\n  activeDescendant?: string;\n  /**  Icon names labels for a11y */\n  iconsNames?: {\n    primary: string;\n    secondary: string;\n  };\n  /** TEXT_TYPES is exposed on the component itself */\n  type?: TextFieldType;\n  maxLength?: number;\n  allowExceedingMaxLength?: boolean;\n  trim?: boolean;\n  /** ARIA role for container landmark */\n  role?: string;\n  /** adds required to the input element */\n  required?: boolean;\n  requiredErrorText?: string;\n  /** shows loading animation */\n  loading?: boolean;\n  secondaryDataTestId?: string;\n  tabIndex?: number;\n  name?: string;\n  underline?: boolean;\n  /**\n   * When true, component is controlled by an external state\n   */\n  controlled?: boolean;\n  iconTooltipContent?: string;\n  secondaryTooltipContent?: string;\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n  sizes?: typeof BASE_SIZES;\n  types?: typeof TextFieldTextTypeEnum;\n  feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = 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      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      iconsNames = EMPTY_OBJECT,\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\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 = showCharCount || (validation && validation.text) || isRequiredAndEmpty;\n    const isSecondary = secondaryIconName === currentStateIconName;\n    const isPrimary = iconName === currentStateIconName;\n    const shouldFocusOnPrimaryIcon =\n      (onIconClick !== NOOP || iconsNames.primary || 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 primaryIconLabel = iconsNames.primary || iconTooltipContent;\n    const secondaryIconLabel = iconsNames.secondary || 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              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            <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                ariaLabel={primaryIconLabel}\n              >\n                <Icon\n                  icon={iconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\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                ariaLabel={secondaryIconLabel}\n              >\n                <Icon\n                  icon={secondaryIconName}\n                  className={cx(styles.icon)}\n                  iconType=\"font\"\n                  iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n                />\n              </Clickable>\n            </Tooltip>\n          </div>\n          {shouldShowExtraText && (\n            <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n              {validation && validation.text && (\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 withStaticProps(TextField, {\n  sizes: BASE_SIZES,\n  feedbacks: TextFieldFeedbackStateEnum,\n  types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","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","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","_ref$iconsNames","iconsNames","_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","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={textField:"textField_02c153f4ec",labelWrapper:"labelWrapper_93821243ba",subTextContainer:"subTextContainer_53b10a85ee",counter:"counter_bd794b0037",disabled:"disabled_ad0ed8111f",icon:"icon_37296ca2d6",inputWrapper:"inputWrapper_37296ca2d6",input:"input_b417efbd40",iconContainer:"iconContainer_85dcddc72f",iconContainerHasIcon:"iconContainerHasIcon_8dd989ff06",readOnly:"readOnly_81972324b2",inputHover:"inputHover_16b6ec507a",inputActive:"inputActive_e338425b73",inputHasIcon:"inputHasIcon_74ba30b481",round:"round_7000729746",square:"square_dd5a417dc3",onlyUnderline:"onlyUnderline_30227b3f6a",tooltipContainer:"tooltipContainer_e9c4821992",wrapperSizeMedium:"wrapperSizeMedium_3ae3587951",wrapperSizeLarge:"wrapperSizeLarge_a206aa4ce0",iconContainerActive:"iconContainerActive_945a7ecace",iconContainerClickable:"iconContainerClickable_f72fd7fdf2",inputErrorValidation:"inputErrorValidation_8dd989ff06",subTextContainerStatus:"subTextContainerStatus_4b685d6d74",inputSuccessValidation:"inputSuccessValidation_8f5883f72a",wrapperSizeSmall:"wrapperSizeSmall_4f3af8868f",inputWrapperSizeSmall:"inputWrapperSizeSmall_5770ac808a",loaderContainer:"loaderContainer_2750bfa4ae",loaderContainerHasIcon:"loaderContainerHasIcon_4c55d1132b",loader:"loader_7af6b08798",loaderSvg:"loaderSvg_8c8b98f792"};!function(n){const e="s_id-6ee97e87df70_3_0_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_02c153f4ec {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_02c153f4ec * {\n  box-sizing: border-box;\n}\n\n.textField_02c153f4ec .labelWrapper_93821243ba {\n  width: 100%;\n}\n\n.textField_02c153f4ec .subTextContainer_53b10a85ee {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_02c153f4ec .subTextContainer_53b10a85ee .counter_bd794b0037 {\n  margin-left: auto;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .icon_37296ca2d6 {\n  cursor: not-allowed;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 {\n  cursor: not-allowed;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .input_b417efbd40 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .input_b417efbd40::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_02c153f4ec.disabled_ad0ed8111f .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06:hover {\n  background-color: transparent;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.readOnly_81972324b2 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputHover_16b6ec507a {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40:active,\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputActive_e338425b73 {\n  border-color: var(--primary-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.round_7000729746 {\n  border-radius: 50px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.square_dd5a417dc3 {\n  border-radius: 0;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .input_b417efbd40.onlyUnderline_30227b3f6a {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .tooltipContainer_e9c4821992 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .tooltipContainer_e9c4821992 {\n  width: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .tooltipContainer_e9c4821992 {\n  width: 46px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f {\n  -webkit-appearance: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace.iconContainerHasIcon_8dd989ff06:not(.iconContainerClickable_f72fd7fdf2) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace {\n  opacity: 1;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerActive_945a7ecace .icon_37296ca2d6 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f.iconContainerHasIcon_8dd989ff06.iconContainerClickable_f72fd7fdf2:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06:hover .input_b417efbd40 {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40 {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .input_b417efbd40:active {\n  border-color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 .iconContainer_85dcddc72f .icon_37296ca2d6:hover {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 + .subTextContainer_53b10a85ee .subTextContainerStatus_4b685d6d74,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputErrorValidation_8dd989ff06 + .subTextContainer_53b10a85ee .counter_bd794b0037 {\n  color: var(--negative-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a:hover .input_b417efbd40 {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40 {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40:focus,\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .input_b417efbd40:active {\n  border-color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a .iconContainer_85dcddc72f .icon_37296ca2d6:hover {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputSuccessValidation_8f5883f72a + .subTextContainer_53b10a85ee .subTextContainerStatus_4b685d6d74 {\n  color: var(--positive-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeSmall_4f3af8868f {\n  height: 32px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeSmall_4f3af8868f .input_b417efbd40 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.inputWrapperSizeSmall_5770ac808a .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 {\n  height: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: 4px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-size: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f:hover + .iconContainer_85dcddc72f + .input_b417efbd40 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 {\n  height: 48px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40.inputHasIcon_74ba30b481 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .input_b417efbd40.inputHasIcon_74ba30b481.onlyUnderline_30227b3f6a {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-size: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6:hover .input_b417efbd40 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae.loaderContainerHasIcon_4c55d1132b {\n  right: 32px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae .loader_7af6b08798 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .loaderContainer_2750bfa4ae .loader_7af6b08798 .loaderSvg_8c8b98f792 {\n  color: var(--secondary-text-color);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-family: var(--font-family);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeMedium_3ae3587951 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-family: var(--font-family);\n}\n\n.textField_02c153f4ec .inputWrapper_37296ca2d6.wrapperSizeLarge_a206aa4ce0 .iconContainer_85dcddc72f .icon_37296ca2d6 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField_0a169626fa",labelWrapper:"labelWrapper_c33c8c7ff0",subTextContainer:"subTextContainer_76077201f0",counter:"counter_16e2d9408b",disabled:"disabled_0a086c9bff",icon:"icon_360da4e0d1",inputWrapper:"inputWrapper_360da4e0d1",input:"input_a0737cd1c5",iconContainer:"iconContainer_a0d1b5aab9",iconContainerHasIcon:"iconContainerHasIcon_491482476c",readOnly:"readOnly_3fadc5427f",inputHover:"inputHover_922648c570",inputActive:"inputActive_56d4ff8ba7",inputHasIcon:"inputHasIcon_59177e4d14",round:"round_200e5022e4",square:"square_6f4724cd82",onlyUnderline:"onlyUnderline_26f3749934",tooltipContainer:"tooltipContainer_61a7a3d73d",wrapperSizeMedium:"wrapperSizeMedium_5d5522e01e",wrapperSizeLarge:"wrapperSizeLarge_9127325f2b",iconContainerActive:"iconContainerActive_04169ad097",iconContainerClickable:"iconContainerClickable_63e75c3e51",inputErrorValidation:"inputErrorValidation_491482476c",subTextContainerStatus:"subTextContainerStatus_260ef6f5e8",inputSuccessValidation:"inputSuccessValidation_0f19d69ed3",wrapperSizeSmall:"wrapperSizeSmall_00548e7af4",inputWrapperSizeSmall:"inputWrapperSizeSmall_d5ef63396b",loaderContainer:"loaderContainer_9be82e1f44",loaderContainerHasIcon:"loaderContainerHasIcon_b27a6b3aef",loader:"loader_44879d449b",loaderSvg:"loaderSvg_f8f3964b58"};!function(n){const e="s_id-6ee97e87df70_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".textField_0a169626fa {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_0a169626fa * {\n  box-sizing: border-box;\n}\n\n.textField_0a169626fa .labelWrapper_c33c8c7ff0 {\n  width: 100%;\n}\n\n.textField_0a169626fa .subTextContainer_76077201f0 {\n  display: flex;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding-block: 1px;\n}\n\n.textField_0a169626fa .subTextContainer_76077201f0 .counter_16e2d9408b {\n  margin-left: auto;\n}\n\n.textField_0a169626fa.disabled_0a086c9bff .icon_360da4e0d1 {\n  cursor: not-allowed;\n}\n\n.textField_0a169626fa.disabled_0a086c9bff .inputWrapper_360da4e0d1 {\n  cursor: not-allowed;\n}\n\n.textField_0a169626fa.disabled_0a086c9bff .inputWrapper_360da4e0d1 .input_a0737cd1c5 {\n  user-select: none;\n  border: none;\n  pointer-events: none;\n  background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.textField_0a169626fa.disabled_0a086c9bff .inputWrapper_360da4e0d1 .input_a0737cd1c5::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_0a169626fa.disabled_0a086c9bff .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerHasIcon_491482476c:hover {\n  background-color: transparent;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5 {\n  width: 100%;\n  height: 100%;\n  outline: 0;\n  background-color: var(--secondary-background-color);\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  transition: border-color var(--motion-productive-medium) ease-in;\n  padding: var(--spacing-small) var(--spacing-medium);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--primary-text-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.readOnly_3fadc5427f {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.inputHover_922648c570 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5:focus,\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5:active,\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.inputActive_56d4ff8ba7 {\n  border-color: var(--primary-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.inputHasIcon_59177e4d14 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.round_200e5022e4 {\n  border-radius: 50px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.square_6f4724cd82 {\n  border-radius: 0;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .input_a0737cd1c5.onlyUnderline_26f3749934 {\n  border-left: none;\n  border-right: none;\n  border-top: none;\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-xs);\n  border-radius: 0 !important;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .tooltipContainer_61a7a3d73d {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .tooltipContainer_61a7a3d73d {\n  width: 40px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .tooltipContainer_61a7a3d73d {\n  width: 46px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: var(--border-radius-small);\n  opacity: 0;\n  pointer-events: none;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9 {\n  -webkit-appearance: none;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerActive_04169ad097.iconContainerHasIcon_491482476c.iconContainerClickable_63e75c3e51 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerActive_04169ad097.iconContainerHasIcon_491482476c:not(.iconContainerClickable_63e75c3e51) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerActive_04169ad097 {\n  opacity: 1;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerActive_04169ad097 .icon_360da4e0d1 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerHasIcon_491482476c.iconContainerClickable_63e75c3e51:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9.iconContainerHasIcon_491482476c.iconContainerClickable_63e75c3e51:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  transform: rotate(90deg) scale(0.8);\n  color: var(--icon-color);\n  will-change: transform;\n  pointer-events: none;\n  transition: color var(--motion-productive-short) var(--motion-timing-enter), transform var(--motion-productive-short) var(--motion-timing-enter);\n  font-size: 14px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c:hover .input_a0737cd1c5 {\n  border-color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c .input_a0737cd1c5 {\n  border-color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c .input_a0737cd1c5:focus,\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c .input_a0737cd1c5:active {\n  border-color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c .iconContainer_a0d1b5aab9 .icon_360da4e0d1:hover {\n  color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c + .subTextContainer_76077201f0 .subTextContainerStatus_260ef6f5e8,\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputErrorValidation_491482476c + .subTextContainer_76077201f0 .counter_16e2d9408b {\n  color: var(--negative-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3:hover .input_a0737cd1c5 {\n  border-color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 .input_a0737cd1c5 {\n  border-color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 .input_a0737cd1c5:focus,\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 .input_a0737cd1c5:active {\n  border-color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 .iconContainer_a0d1b5aab9 .icon_360da4e0d1:hover {\n  color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputSuccessValidation_0f19d69ed3 + .subTextContainer_76077201f0 .subTextContainerStatus_260ef6f5e8 {\n  color: var(--positive-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeSmall_00548e7af4 {\n  height: 32px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeSmall_00548e7af4 .input_a0737cd1c5 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.inputWrapperSizeSmall_d5ef63396b .input_a0737cd1c5.inputHasIcon_59177e4d14.onlyUnderline_26f3749934 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e {\n  height: 40px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .input_a0737cd1c5 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .input_a0737cd1c5.inputHasIcon_59177e4d14 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .input_a0737cd1c5.inputHasIcon_59177e4d14.onlyUnderline_26f3749934 {\n  padding-left: 4px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .iconContainer_a0d1b5aab9 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  font-size: 16px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .iconContainer_a0d1b5aab9:hover + .iconContainer_a0d1b5aab9 + .input_a0737cd1c5 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b {\n  height: 48px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .input_a0737cd1c5 {\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .input_a0737cd1c5.inputHasIcon_59177e4d14 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .input_a0737cd1c5.inputHasIcon_59177e4d14.onlyUnderline_26f3749934 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .iconContainer_a0d1b5aab9 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  font-size: 16px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1:hover .input_a0737cd1c5 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .loaderContainer_9be82e1f44 {\n  position: absolute;\n  top: 50%;\n  right: 4px;\n  width: 24px;\n  height: 24px;\n  transform: translateY(-50%);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .loaderContainer_9be82e1f44.loaderContainerHasIcon_b27a6b3aef {\n  right: 32px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .loaderContainer_9be82e1f44 .loader_44879d449b {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .loaderContainer_9be82e1f44 .loader_44879d449b .loaderSvg_f8f3964b58 {\n  color: var(--secondary-text-color);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1 .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  font-family: var(--font-family);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeMedium_5d5522e01e .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  font-family: var(--font-family);\n}\n\n.textField_0a169626fa .inputWrapper_360da4e0d1.wrapperSizeLarge_9127325f2b .iconContainer_a0d1b5aab9 .icon_360da4e0d1 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={textWithHighlightWrapper:"textWithHighlightWrapper_f58fc78d11",highlightText:"highlightText_2d1dd7fccc",withEllipsis:"withEllipsis_032a5915c3"};!function(e){const t="s_id-42c1fd2afe36_3_0_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_f58fc78d11 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_f58fc78d11 em.highlightText_2d1dd7fccc {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_f58fc78d11.withEllipsis_032a5915c3 {\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_c486f2ede4",highlightText:"highlightText_d5fcd23218",withEllipsis:"withEllipsis_a23d793b2f"};!function(e){const t="s_id-42c1fd2afe36_3_1_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".textWithHighlightWrapper_c486f2ede4 {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n}\n\n.textWithHighlightWrapper_c486f2ede4 em.highlightText_d5fcd23218 {\n  background-color: var(--primary-selected-color);\n  color: var(--primary-text-color);\n  border-radius: 2px;\n}\n\n.textWithHighlightWrapper_c486f2ede4.withEllipsis_a23d793b2f {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--heading-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n  word-break: break-word;\n}");export{e as default};
 //# sourceMappingURL=TextWithHighlight.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_8af9a75dd2",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_427fb620e6",floating:"floating_8c2063a9c9",tipseenHeader:"tipseenHeader_3e0ce46838",tipseenTitle:"tipseenTitle_98e571c407",tipseenContent:"tipseenContent_16ed5764d0",tipseenCloseButton:"tipseenCloseButton_b82dc83d0c",dark:"dark_a9cd9741c4"};!function(e){const t="s_id-33da00d2ba25_3_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_8af9a75dd2 {\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_8af9a75dd2.tipseenWrapperWithoutCustomWidth_427fb620e6 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_8af9a75dd2.floating_8c2063a9c9 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenHeader_3e0ce46838 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_8af9a75dd2 .tipseenTitle_98e571c407 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenContent_16ed5764d0 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_8af9a75dd2 .tipseenCloseButton_b82dc83d0c {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_8af9a75dd2 .tipseenCloseButton_b82dc83d0c.dark_a9cd9741c4 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_399af3546c",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_7189bf2e07",floating:"floating_7d93d28d86",tipseenHeader:"tipseenHeader_bab7044a4d",tipseenTitle:"tipseenTitle_d788ec6f92",tipseenContent:"tipseenContent_46d40867f2",tipseenCloseButton:"tipseenCloseButton_bcfa4d726f",dark:"dark_8a8700f236"};!function(e){const t="s_id-33da00d2ba25_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenWrapper_399af3546c {\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_399af3546c.tipseenWrapperWithoutCustomWidth_7189bf2e07 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_399af3546c.floating_7d93d28d86 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_399af3546c .tipseenHeader_bab7044a4d {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_399af3546c .tipseenTitle_d788ec6f92 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_399af3546c .tipseenContent_46d40867f2 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_399af3546c .tipseenCloseButton_bcfa4d726f {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_399af3546c .tipseenCloseButton_bcfa4d726f.dark_8a8700f236 {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenBasicContent:"tipseenBasicContent_6142cb69f3"};!function(e){const n="s_id-e688002d63b5_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_6142cb69f3 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_6142cb69f3:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_2d9aa08cfc"};!function(e){const n="s_id-e688002d63b5_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tipseenBasicContent_2d9aa08cfc {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_2d9aa08cfc:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
 //# sourceMappingURL=TipseenBasicContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_6988c1a7ee",dismiss:"dismiss_7eaa7d4ddd"};!function(e){const t="s_id-91df242cd10d_3_0_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_6988c1a7ee {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_7eaa7d4ddd {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_c81ca57e9a",dismiss:"dismiss_7eb858dd4e"};!function(e){const t="s_id-91df242cd10d_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".buttons_c81ca57e9a {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_7eb858dd4e {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenImage:"tipseenImage_57a931e2f5"};!function(e){const t="s_id-5a749fe7aaee_3_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_57a931e2f5 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_096ea87b90"};!function(e){const t="s_id-5a749fe7aaee_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tipseenImage_096ea87b90 {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenImage.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_4e98f9d324",colorInverted:"colorInverted_99affb2c18"};!function(e){const d="s_id-71e151b2b729_3_0_0";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_4e98f9d324 {\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_99affb2c18 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_dc4b8bae2e",colorInverted:"colorInverted_b2dc853c17"};!function(e){const d="s_id-71e151b2b729_3_1_0";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_dc4b8bae2e {\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_b2dc853c17 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={title:"title_3c45ddf703"};!function(e){const t="s_id-52c2fd8cbf53_3_0_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_3c45ddf703 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
+var e={title:"title_300ee156f3"};!function(e){const t="s_id-52c2fd8cbf53_3_1_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".title_300ee156f3 {\n  padding-right: var(--spacing-medium);\n  padding-bottom: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=TipseenTitle.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tipseenWizard:"tipseenWizard_8cd6ffd5c2",tipseenWizardWizard:"tipseenWizardWizard_93821243ba"};!function(e){const d="s_id-98eba0c83d1f_3_0_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_8cd6ffd5c2 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_93821243ba {\n  width: 100%;\n}");export{e as default};
+var e={tipseenWizard:"tipseenWizard_51ec3da2d3",tipseenWizardWizard:"tipseenWizardWizard_c33c8c7ff0"};!function(e){const d="s_id-98eba0c83d1f_3_1_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tipseenWizard_51ec3da2d3 {\n  display: flex;\n  flex-direction: column;\n}\n.tipseenWizardWizard_c33c8c7ff0 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=TipseenWizard.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={toast:"toast_e47e9939b7",typeNormal:"typeNormal_0ce2ada47f",typePositive:"typePositive_34a21875dc",typeNegative:"typeNegative_4f6f53f0e8",typeWarning:"typeWarning_e5eb8c75b7",closeButton:"closeButton_3c16b28d8b",actionButton:"actionButton_ab2418aea5",actionLink:"actionLink_1251c5eea7",typeDark:"typeDark_f11eaa55eb",icon:"icon_89965d965f",withTransition:"withTransition_14a0baf061",bounceIn:"bounceIn_9ec2ab62f6",content:"content_60c17dddb1",textContent:"textContent_c2c8ec97a5",enterActive:"enterActive_df84e961c9",slideIn:"slideIn_3dc922e812",exitActive:"exitActive_e4c79d1e27",slideOut:"slideOut_e92a12faae"};!function(n){const e="s_id-72c9912c1efa_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".toast_e47e9939b7 {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_e47e9939b7.typeNormal_0ce2ada47f {\n  background-color: var(--primary-color);\n}\n.toast_e47e9939b7.typePositive_34a21875dc {\n  background-color: var(--positive-color);\n}\n.toast_e47e9939b7.typeNegative_4f6f53f0e8 {\n  background-color: var(--negative-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .closeButton_3c16b28d8b {\n  color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .actionButton_ab2418aea5,\n.toast_e47e9939b7.typeWarning_e5eb8c75b7 .actionLink_1251c5eea7 {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb .closeButton_3c16b28d8b {\n  color: var(--text-color-on-inverted);\n}\n.toast_e47e9939b7.typeDark_f11eaa55eb .actionButton_ab2418aea5,\n.toast_e47e9939b7.typeDark_f11eaa55eb .actionLink_1251c5eea7 {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_89965d965f {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_ab2418aea5.withTransition_14a0baf061 {\n  opacity: 0;\n  animation: bounceIn_9ec2ab62f6 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_60c17dddb1 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_c2c8ec97a5 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_df84e961c9 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_3dc922e812;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_e4c79d1e27 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_e92a12faae;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_3c16b28d8b {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_3dc922e812 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_e92a12faae {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_9ec2ab62f6 {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={toast:"toast_c7bfb8befa",typeNormal:"typeNormal_797a00d20f",typePositive:"typePositive_d6689a9a3d",typeNegative:"typeNegative_5f01aa63d4",typeWarning:"typeWarning_0a4f39263b",closeButton:"closeButton_67b45e9bef",actionButton:"actionButton_371170659f",actionLink:"actionLink_927488b4eb",typeDark:"typeDark_1246f0f23f",icon:"icon_a91600b807",withTransition:"withTransition_eb0852cd4e",bounceIn:"bounceIn_35287af09d",content:"content_21330d5e34",textContent:"textContent_2fbb63dcd5",enterActive:"enterActive_5a4f370449",slideIn:"slideIn_d907ac7012",exitActive:"exitActive_fe7098538e",slideOut:"slideOut_1999c34240"};!function(n){const t="s_id-72c9912c1efa_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,a.firstChild?a.insertBefore(e,a.firstChild):a.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".toast_c7bfb8befa {\n  box-shadow: var(--box-shadow-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  left: 50%;\n  top: 0;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--spacing-small);\n  align-items: center;\n  display: flex;\n  min-width: 200px;\n  width: auto;\n  border-radius: var(--border-radius-small);\n  color: var(--fixed-light-color);\n  transform: translateX(-50%);\n  transition: background-color 80ms cubic-bezier(0.6, 0, 0.4, 1), width 200ms cubic-bezier(0, 0, 0.4, 1);\n}\n.toast_c7bfb8befa.typeNormal_797a00d20f {\n  background-color: var(--primary-color);\n}\n.toast_c7bfb8befa.typePositive_d6689a9a3d {\n  background-color: var(--positive-color);\n}\n.toast_c7bfb8befa.typeNegative_5f01aa63d4 {\n  background-color: var(--negative-color);\n}\n.toast_c7bfb8befa.typeWarning_0a4f39263b {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.toast_c7bfb8befa.typeWarning_0a4f39263b .closeButton_67b45e9bef {\n  color: var(--fixed-dark-color);\n}\n.toast_c7bfb8befa.typeWarning_0a4f39263b .actionButton_371170659f,\n.toast_c7bfb8befa.typeWarning_0a4f39263b .actionLink_927488b4eb {\n  color: var(--fixed-dark-color);\n  border-color: var(--fixed-dark-color);\n}\n.toast_c7bfb8befa.typeDark_1246f0f23f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.toast_c7bfb8befa.typeDark_1246f0f23f .closeButton_67b45e9bef {\n  color: var(--text-color-on-inverted);\n}\n.toast_c7bfb8befa.typeDark_1246f0f23f .actionButton_371170659f,\n.toast_c7bfb8befa.typeDark_1246f0f23f .actionLink_927488b4eb {\n  color: var(--text-color-on-inverted);\n  border-color: var(--text-color-on-inverted);\n}\n.icon_a91600b807 {\n  display: flex;\n  margin-left: var(--spacing-small);\n}\n.actionButton_371170659f.withTransition_eb0852cd4e {\n  opacity: 0;\n  animation: bounceIn_35287af09d 150ms cubic-bezier(0, 0, 0.4, 1);\n  animation-delay: 300ms;\n  animation-fill-mode: forwards;\n}\n.content_21330d5e34 {\n  margin: 0 var(--spacing-small);\n  flex: 1;\n}\n.textContent_2fbb63dcd5 {\n  display: inline-flex;\n  flex-grow: 1;\n}\n.enterActive_5a4f370449 {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideIn_d907ac7012;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.exitActive_fe7098538e {\n  animation-iteration-count: 1;\n  animation-fill-mode: forwards;\n  animation-name: slideOut_1999c34240;\n  animation-duration: 350ms;\n  animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1);\n}\n.closeButton_67b45e9bef {\n  margin-left: var(--spacing-small);\n}\n@keyframes slideIn_d907ac7012 {\n  0% {\n    transform: translate(-50%, -100px);\n  }\n  40% {\n    transform: translate(-50%, 16px);\n  }\n  100% {\n    transform: translate(-50%, 0px);\n  }\n}\n@keyframes slideOut_1999c34240 {\n  0% {\n    transform: translate(-50%, 0);\n  }\n  100% {\n    transform: translate(-50%, -100px);\n    opacity: 0;\n  }\n}\n@keyframes bounceIn_35287af09d {\n  0% {\n    transform: scale(0.8);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=Toast.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={toggleInput:"toggleInput_5262ca5a2b","focus-visible":"focus-visible_9de4e1da3d",wrapper:"wrapper_1c95b70728"};!function(e){const n="s_id-4fb1f14d4bb9_3_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_5262ca5a2b:focus-visible ~ div, .toggleInput_5262ca5a2b.focus-visible_9de4e1da3d ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_1c95b70728 {\n  display: flex;\n  align-items: center;\n}");export{e as default};
+var e={toggleInput:"toggleInput_18e3dfb4a9","focus-visible":"focus-visible_1eac97a9e2",wrapper:"wrapper_16cc11170f"};!function(e){const n="s_id-4fb1f14d4bb9_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".toggleInput_18e3dfb4a9:focus-visible ~ div, .toggleInput_18e3dfb4a9.focus-visible_1eac97a9e2 ~ div {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_16cc11170f {\n  display: flex;\n  align-items: center;\n}");export{e as default};
 //# sourceMappingURL=Toggle.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var d={tooltip:"tooltip_5d7643b9df",image:"image_f6174ee2cd",title:"title_4d9d2dd964",content:"content_f8bdae6434",paddingSizeMd:"paddingSizeMd_3e318933c1",tooltipWhiteLink:"tooltipWhiteLink_c59c47f6ee",arrow:"arrow_c5ca46d5de",dark:"dark_f11eaa55eb",primary:"primary_c2064b9d3c"};!function(d){const o="s_id-a3b5adff1ad8_3_0_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(d))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=d)}(".tooltip_5d7643b9df {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_5d7643b9df .image_f6174ee2cd {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_5d7643b9df .title_4d9d2dd964 {\n  font: var(--font-text2-bold);\n}\n.tooltip_5d7643b9df .content_f8bdae6434 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_5d7643b9df.paddingSizeMd_3e318933c1 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_5d7643b9df a.tooltipWhiteLink_c59c47f6ee {\n  color: #fff;\n}\n.arrow_c5ca46d5de,\n.dark_f11eaa55eb,\n.arrow_c5ca46d5de.dark_f11eaa55eb {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_c2064b9d3c,\n.arrow_c5ca46d5de.primary_c2064b9d3c {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{d as default};
+var o={tooltip:"tooltip_b528e6a5d5",image:"image_611b28af23",title:"title_23aacccee4",content:"content_061f4a4c3c",paddingSizeMd:"paddingSizeMd_6b6ce83959",tooltipWhiteLink:"tooltipWhiteLink_969e0bce0e",arrow:"arrow_adfc2e8b6d",dark:"dark_1246f0f23f",primary:"primary_f5c9868618"};!function(o){const e="s_id-a3b5adff1ad8_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(".tooltip_b528e6a5d5 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n}\n.tooltip_b528e6a5d5 .image_611b28af23 {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_b528e6a5d5 .title_23aacccee4 {\n  font: var(--font-text2-bold);\n}\n.tooltip_b528e6a5d5 .content_061f4a4c3c {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_b528e6a5d5.paddingSizeMd_6b6ce83959 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_b528e6a5d5 a.tooltipWhiteLink_969e0bce0e {\n  color: #fff;\n}\n.arrow_adfc2e8b6d,\n.dark_1246f0f23f,\n.arrow_adfc2e8b6d.dark_1246f0f23f {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.primary_f5c9868618,\n.arrow_adfc2e8b6d.primary_f5c9868618 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{o as default};
 //# sourceMappingURL=Tooltip.module.scss.js.map