npm - @vibe/core - Versions diffs - 3.0.0-alpha.1 → 3.0.0-alpha.11 - Mend

@vibe/core 3.0.0-alpha.1 → 3.0.0-alpha.11

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

Files changed (2140) hide show

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport Info from \"~~../../Icon~~/~~Icons/components/Info~~\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"~~qvBAyBMA~~,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}
1	+ {"version":3,"file":"TableHeaderCell.js","sources":["../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport Icon from \"../../Icon/Icon\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { Info } from \"@vibe/icons\";\nimport Text from \"../../Text/Text\";\nimport Flex from \"../../Flex/Flex\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n title: string;\n icon?: SubIcon;\n infoContent?: string;\n sortState?: \"asc\" \| \"desc\" \| \"none\";\n onSortClicked?: (direction: \"asc\" \| \"desc\" \| \"none\") => void;\n sortButtonAriaLabel?: string;\n sticky?: boolean;\n}\n\nconst TableHeaderCell: VibeComponent<TableHeaderCellProps, HTMLDivElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n title,\n onSortClicked,\n infoContent,\n icon,\n sortState = \"none\",\n sortButtonAriaLabel = \"Sort\",\n sticky\n }: TableHeaderCellProps,\n ref\n ) => {\n const [isHovered, setIsHovered] = useState<boolean>(false);\n const ariaSort = getAriaSort(sortState);\n const isSortActive = onSortClicked && ariaSort !== \"none\";\n const shouldShowSortIcon = ariaSort !== \"none\" \|\| isHovered;\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n styles.tableHeaderCell,\n { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n role=\"columnheader\"\n onMouseOver={() => setIsHovered(true)}\n onMouseLeave={() => setIsHovered(false)}\n onFocus={() => setIsHovered(true)}\n onBlur={() => setIsHovered(false)}\n aria-sort={onSortClicked ? ariaSort : undefined}\n tabIndex={onSortClicked ? 0 : undefined}\n >\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n {icon && <Icon icon={icon} className={styles.icon} />}\n {\n <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n {title}\n </Text>\n }\n {infoContent && (\n <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n <Icon icon={Info} iconLabel={infoContent} />\n </Tooltip>\n )}\n </Flex>\n {onSortClicked && (\n <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n <IconButton\n icon={getSortIcon(sortState)}\n kind=\"tertiary\"\n size=\"xs\"\n ariaLabel={sortButtonAriaLabel}\n aria-hidden={!shouldShowSortIcon}\n className={cx(styles.sort, getStyle(styles, sortState), {\n [styles.show]: shouldShowSortIcon\n })}\n onClick={() => onSortClicked(getNextSortState(sortState))}\n />\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","iconLabel","tableHeaderCellSort","IconButton","getSortIcon","kind","size","ariaLabel","sort","getStyle","show","onClick","getNextSortState"],"mappings":"0wDAyBMA,IAAAA,EAAuEC,GAC3E,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAE3Ce,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGJE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,UAAWhD,MAIlCD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACLC,UAAWjD,EAAmB,eAChBU,EACdnB,UAAWsB,EAAGC,EAAOoC,KAAMC,EAASrC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOsC,KAAO1C,IAEjB2C,QAAS,WAAA,OAAM3D,EAAc4D,EAAiBxD,GAAW,KAMrE"}

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_001cbc6820","focus-visible":"focus-visible_6558b98468",sticky:"sticky_bd1eb6f213",sortActive:"sortActive_f39454eaf3",tableHeaderCellContent:"tableHeaderCellContent_7a5e429f79",icon:"icon_539939e525",infoTooltip:"infoTooltip_24f00e5385",tableHeaderCellSort:"tableHeaderCellSort_70536c052d",sort:"sort_8441ce2b9b",asc:"asc_c2ba919241",desc:"desc_5405f9f409",show:"show_f58f44ffa7"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],n="s_id-5b3eed132e11_3_0_0-alpha_0";if(l.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableHeaderCell_001cbc6820 {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_001cbc6820:focus-visible, .tableHeaderCell_001cbc6820.focus-visible_6558b98468 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_001cbc6820:focus:not(.focus-visible_6558b98468) {\n  outline: none;\n}\n.tableHeaderCell_001cbc6820.sticky_bd1eb6f213 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_001cbc6820.sticky_bd1eb6f213:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_001cbc6820:hover, .tableHeaderCell_001cbc6820.sortActive_f39454eaf3 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellContent_7a5e429f79 {\n  min-width: 0;\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellContent_7a5e429f79 .icon_539939e525 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellContent_7a5e429f79 .infoTooltip_24f00e5385 {\n  display: inline-flex;\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellSort_70536c052d {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellSort_70536c052d .sort_8441ce2b9b {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellSort_70536c052d .sort_8441ce2b9b.asc_c2ba919241, .tableHeaderCell_001cbc6820 .tableHeaderCellSort_70536c052d .sort_8441ce2b9b.desc_5405f9f409 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_001cbc6820 .tableHeaderCellSort_70536c052d .sort_8441ce2b9b:not(.show_f58f44ffa7) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_d2fc6e576c","focus-visible":"focus-visible_666c2cea74",sticky:"sticky_6b9fc733ea",sortActive:"sortActive_e41fb2b5e9",tableHeaderCellContent:"tableHeaderCellContent_afb81387f3",icon:"icon_f9df7d1499",infoTooltip:"infoTooltip_475fec72cb",tableHeaderCellSort:"tableHeaderCellSort_227e0d7c59",sort:"sort_56eb766b42",asc:"asc_964fd028d2",desc:"desc_87409f8f93",show:"show_68fa167b5f"};!function(e){const l="s_id-5b3eed132e11_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell_d2fc6e576c {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_d2fc6e576c:focus-visible, .tableHeaderCell_d2fc6e576c.focus-visible_666c2cea74 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_d2fc6e576c:focus:not(.focus-visible_666c2cea74) {\n  outline: none;\n}\n.tableHeaderCell_d2fc6e576c.sticky_6b9fc733ea {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_d2fc6e576c.sticky_6b9fc733ea:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_d2fc6e576c:hover, .tableHeaderCell_d2fc6e576c.sortActive_e41fb2b5e9 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellContent_afb81387f3 {\n  min-width: 0;\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellContent_afb81387f3 .icon_f9df7d1499 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellContent_afb81387f3 .infoTooltip_475fec72cb {\n  display: inline-flex;\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellSort_227e0d7c59 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellSort_227e0d7c59 .sort_56eb766b42 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellSort_227e0d7c59 .sort_56eb766b42.asc_964fd028d2, .tableHeaderCell_d2fc6e576c .tableHeaderCellSort_227e0d7c59 .sort_56eb766b42.desc_87409f8f93 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_d2fc6e576c .tableHeaderCellSort_227e0d7c59 .sort_56eb766b42:not(.show_68fa167b5f) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_3991fd9655",small:"small_7e5ce40122",medium:"medium_c9d49647c1",large:"large_db79e8ebf9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-3e6ad01a6799_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".rowMenuContainer_3991fd9655 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_3991fd9655.small_7e5ce40122 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_3991fd9655.medium_c9d49647c1 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_3991fd9655.large_db79e8ebf9 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_75bbc44465",small:"small_dd9e516388",medium:"medium_b3b945fb1f",large:"large_8fe9c0133e"};!function(e){const n="s_id-3e6ad01a6799_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_75bbc44465 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_75bbc44465.small_dd9e516388 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_75bbc44465.medium_b3b945fb1f {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_75bbc44465.large_8fe9c0133e {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_896d2f27da"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-0bce46f13bae_3_0_0-alpha_0";if(t.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableBody_896d2f27da {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_d9e0b882a6"};!function(e){const t="s_id-0bce46f13bae_3_0_0-alpha_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_d9e0b882a6 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_83a07e11ff",tabInner:"tabInner_d04d72b3ea",tabIcon:"tabIcon_d16ee50994",right:"right_12769b395f",tabFocusVisibleInset:"tabFocusVisibleInset_02d934c5b7",active:"active_5c3330fea6",disabled:"disabled_c33095ff66"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-e9e07df0e1ab_3_0_0-alpha_0";if(e.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(n))}('.tabWrapper_83a07e11ff {\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_83a07e11ff: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_83a07e11ff .tabInner_d04d72b3ea {\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_83a07e11ff .tabInner_d04d72b3ea:focus {\n  outline: none;\n}\n\n.tabWrapper_83a07e11ff .tabInner_d04d72b3ea .tabIcon_d16ee50994 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_83a07e11ff .tabInner_d04d72b3ea .tabIcon_d16ee50994.right_12769b395f {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_83a07e11ff.tabFocusVisibleInset_02d934c5b7 {\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_83a07e11ff.active_5c3330fea6:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_83a07e11ff.disabled_c33095ff66 .tabInner_d04d72b3ea {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_83a07e11ff:not(.disabled_c33095ff66) .tabInner_d04d72b3ea:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_132a181cca",tabInner:"tabInner_ea40dfea3a",tabIcon:"tabIcon_005226d9d0",right:"right_15a83da6f1",tabFocusVisibleInset:"tabFocusVisibleInset_3162e50fcb",active:"active_2dc8c22866",disabled:"disabled_81a70993ca"};!function(n){const a="s_id-e9e07df0e1ab_3_0_0-alpha_10";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}('.tabWrapper_132a181cca {\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_132a181cca: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_132a181cca .tabInner_ea40dfea3a {\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_132a181cca .tabInner_ea40dfea3a:focus {\n  outline: none;\n}\n\n.tabWrapper_132a181cca .tabInner_ea40dfea3a .tabIcon_005226d9d0 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_132a181cca .tabInner_ea40dfea3a .tabIcon_005226d9d0.right_15a83da6f1 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_132a181cca.tabFocusVisibleInset_3162e50fcb {\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_132a181cca.active_2dc8c22866:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_132a181cca.disabled_81a70993ca .tabInner_ea40dfea3a {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_132a181cca:not(.disabled_81a70993ca) .tabInner_ea40dfea3a: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 CHANGED Viewed

@@ -1,2 +1,2 @@
-var a={tabsWrapper:"tabsWrapper_e9a2211898",tabsList:"tabsList_3bc77f5ad9",sm:"sm_e198f76dda",lg:"lg_c60377b59e",stretched:"stretched_a24dab922f",tabListTabWrapper:"tabListTabWrapper_d91528cf9f",tabListTabInner:"tabListTabInner_d91528cf9f",disabled:"disabled_728a057a44"};!function(a){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-10f1ea92a898_3_0_0-alpha_0";if(e.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(a))}(".tabsWrapper_e9a2211898 .tabsList_3bc77f5ad9 {\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_e9a2211898 .tabsList_3bc77f5ad9.sm_e198f76dda {\n  height: 32px;\n}\n\n.tabsWrapper_e9a2211898 .tabsList_3bc77f5ad9.lg_c60377b59e {\n  height: 48px;\n}\n\n.tabsWrapper_e9a2211898.stretched_a24dab922f .tabsList_3bc77f5ad9 {\n  width: 100%;\n}\n\n.tabsWrapper_e9a2211898.stretched_a24dab922f .tabsList_3bc77f5ad9 .tabListTabWrapper_d91528cf9f {\n  width: 100%;\n}\n\n.tabsWrapper_e9a2211898.stretched_a24dab922f .tabsList_3bc77f5ad9 .tabListTabWrapper_d91528cf9f .tabListTabInner_d91528cf9f {\n  width: 100%;\n}\n\n.tabsWrapper_e9a2211898.disabled_728a057a44 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{a as default};
+var t={tabsWrapper:"tabsWrapper_b51fa0f325",tabsList:"tabsList_227d56b9bb",sm:"sm_fb947ece57",lg:"lg_3c4db65a03",stretched:"stretched_6db72f2941",tabListTabWrapper:"tabListTabWrapper_77d9440044",tabListTabInner:"tabListTabInner_77d9440044",disabled:"disabled_6756f6f72b"};!function(t){const e="s_id-10f1ea92a898_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const b=document.createElement("style");b.id=e,a.firstChild?a.insertBefore(b,a.firstChild):a.appendChild(b),b.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper_b51fa0f325 .tabsList_227d56b9bb {\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_b51fa0f325 .tabsList_227d56b9bb.sm_fb947ece57 {\n  height: 32px;\n}\n\n.tabsWrapper_b51fa0f325 .tabsList_227d56b9bb.lg_3c4db65a03 {\n  height: 48px;\n}\n\n.tabsWrapper_b51fa0f325.stretched_6db72f2941 .tabsList_227d56b9bb {\n  width: 100%;\n}\n\n.tabsWrapper_b51fa0f325.stretched_6db72f2941 .tabsList_227d56b9bb .tabListTabWrapper_77d9440044 {\n  width: 100%;\n}\n\n.tabsWrapper_b51fa0f325.stretched_6db72f2941 .tabsList_227d56b9bb .tabListTabWrapper_77d9440044 .tabListTabInner_77d9440044 {\n  width: 100%;\n}\n\n.tabsWrapper_b51fa0f325.disabled_6756f6f72b {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={tabPanelsWrapper:"tabPanelsWrapper_d84b794633",tabPanel:"tabPanel_329eed4f38",animationDirectionRtl:"animationDirectionRtl_9638541c99",animationDirectionLtr:"animationDirectionLtr_32db99a470",active:"active_52f2db7eca",panelSlideIn:"panelSlideIn_2129e00a21"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_3_0_0-alpha_0";if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".tabPanelsWrapper_d84b794633 .tabPanel_329eed4f38 {\n  display: none;\n}\n\n.tabPanelsWrapper_d84b794633 .tabPanel_329eed4f38.animationDirectionRtl_9638541c99 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_d84b794633 .tabPanel_329eed4f38.animationDirectionLtr_32db99a470 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_d84b794633 .tabPanel_329eed4f38.active_52f2db7eca {\n  display: block;\n  animation: panelSlideIn_2129e00a21 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_2129e00a21 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var e={tabPanelsWrapper:"tabPanelsWrapper_e30a40e11a",tabPanel:"tabPanel_87029f2ea2",animationDirectionRtl:"animationDirectionRtl_aa89182e87",animationDirectionLtr:"animationDirectionLtr_1961738922",active:"active_9ffcd672ee",panelSlideIn:"panelSlideIn_4c5e4be6ac"};!function(e){const a="s_id-078bacbdb1e4_3_0_0-alpha_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabPanelsWrapper_e30a40e11a .tabPanel_87029f2ea2 {\n  display: none;\n}\n\n.tabPanelsWrapper_e30a40e11a .tabPanel_87029f2ea2.animationDirectionRtl_aa89182e87 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_e30a40e11a .tabPanel_87029f2ea2.animationDirectionLtr_1961738922 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_e30a40e11a .tabPanel_87029f2ea2.active_9ffcd672ee {\n  display: block;\n  animation: panelSlideIn_4c5e4be6ac var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_4c5e4be6ac {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_3b26042ebc",text1Medium:"text1Medium_b8606762bd",text1Normal:"text1Normal_d6a5515182",text2Bold:"text2Bold_d52eef0ec0",text2Medium:"text2Medium_205f70fd74",text2Normal:"text2Normal_81d9f96d8e",text3Bold:"text3Bold_14b2a32293",text3Medium:"text3Medium_58454d3141",text3Normal:"text3Normal_0f2217d0d3",text:"text_e2b0ec3041"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_3_0_0-alpha_0";if(e.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(t))}(".text1Bold_3b26042ebc {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_b8606762bd {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_d6a5515182 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_d52eef0ec0 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_205f70fd74 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_81d9f96d8e {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_14b2a32293 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_58454d3141 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_0f2217d0d3 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_e2b0ec3041 {\n  margin-block: 0;\n}\n\np.text_e2b0ec3041 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_5f8daa3a05",text1Medium:"text1Medium_19c2bf212b",text1Normal:"text1Normal_a6dfc53731",text2Bold:"text2Bold_d117a7d285",text2Medium:"text2Medium_3527c85a0c",text2Normal:"text2Normal_73ddbbe213",text3Bold:"text3Bold_f796de6641",text3Medium:"text3Medium_18eb63213a",text3Normal:"text3Normal_40b7ef9a93",text:"text_d112360562"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-alpha_10";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_5f8daa3a05 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_19c2bf212b {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_a6dfc53731 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_d117a7d285 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_3527c85a0c {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_73ddbbe213 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_f796de6641 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_18eb63213a {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_40b7ef9a93 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_d112360562 {\n  margin-block: 0;\n}\n\np.text_d112360562 + 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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as a}from"react";import l from"classnames";import{getTestId as t}from"../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../tests/constants.js";import i from"./TextArea.module.scss.js";import o from"../Text/Text.js";var d={small:3,large:4},m=a((function(a,m){var c=a.size,n=void 0===c?"small":c,p=a.label,u=a.helpText,b=a.success,f=a.error,v=a.className,x=a["data-testid"],h=a.id,T=a.disabled,E=a.readOnly,j=a.value,y=a.onChange,A=a["aria-label"],N=a.required,g=a.resize,q=void 0===g||g,z=a.placeholder,O=a.rows||d[n],_=u&&"".concat(h,"-help-text");return r.createElement("div",{className:l(i.textAreaWrapper,e(e(e(e({},i.error,f),i.success,b),i.disabled,T),i.readOnly,E),v),"data-testid":x||t(s.TEXT_AREA,h)},p&&r.createElement("label",{className:l(i.label,e({},i.required,N)),htmlFor:h},p),r.createElement("textarea",{id:h,ref:m,disabled:T,readOnly:E,required:N,rows:O,className:l(i.textArea,[i[n]],e({},i.resize,q)),value:j,onChange:y,"aria-invalid":f,"aria-label":A,"aria-describedby":null!=_?_:void 0,placeholder:z}),u&&r.createElement(o,{className:l(i.helpText),color:"inherit",id:_},u))}));export{m as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import t from"classnames";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../tests/constants.js";import d from"./TextArea.module.scss.js";import o from"../Text/Text.js";var m={small:3,large:4},c=a((function(a,c){var n=a.size,p=void 0===n?"small":n,u=a.rows,b=a.label,f=a.helpText,x=a.success,v=a.error,T=a.className,j=a["data-testid"],h=a.id,y=a.disabled,E=a.readOnly,N=a.required,z=a.resize,A=void 0===z||z,O=r(a,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","resize"]),_=u||m[p],q=f&&"".concat(h,"-help-text");return s.createElement("div",{className:t(d.textAreaWrapper,e(e(e(e({},d.error,v),d.success,x),d.disabled,y),d.readOnly,E),T),"data-testid":j||l(i.TEXT_AREA,h)},b&&s.createElement("label",{className:t(d.label,e({},d.required,N)),htmlFor:h},b),s.createElement("textarea",Object.assign({},O,{id:h,ref:c,disabled:y,readOnly:E,required:N,rows:_,className:t(d.textArea,[d[p]],e({},d.resize,A)),"aria-invalid":v,"aria-describedby":null!=q?q:void 0})),f&&s.createElement(o,{className:t(d.helpText),color:"inherit",id:q},f))}));export{c as default};
 //# sourceMappingURL=TextArea.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n ~~value,\n onChange,\n \"aria-label\": ariaLabel,\n~~ required,\n resize = true,\n ~~placeholder~~\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n ~~value={value}\n onChange={onChange}\n~~ aria-invalid={error}\n aria-~~label={ariaLabel}\n aria-~~describedby={helpTextId ?? undefined}\n ~~placeholder={placeholder}\n~~ />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","~~_ref~~","ref","~~_ref~~$size","size","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","~~value","onChange","ariaLabel","~~required","~~_ref~~$resize","resize","~~placeholder~~","~~numRows~~","~~rows~~","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","textArea","undefined","Text","color"],"mappings":"~~6UAQA~~,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,~~SAAAC~~,~~EAoBEC~~,~~GACE~~,IAAAC,~~EAAAF~~,~~EAnBAG~~,KAAAA,OAAO,IAAHD,EAAG,QAAOA,~~EAEdE~~,~~EAAKJ~~,~~EAALI~~,MACAC,~~EAAQL~~,~~EAARK~~,SACAC,~~EAAON~~,~~EAAPM~~,QACAC,~~EAAKP~~,~~EAALO~~,MACAC,~~EAASR~~,~~EAATQ~~,UACeC,~~EAAUT~~,~~EAAzB~~,~~eACAU~~,~~EAAEV~~,~~EAAFU~~,GACAC,~~EAAQX~~,~~EAARW~~,SACAC,~~EAAQZ~~,~~EAARY~~,SACAC,~~EAAKb~~,~~EAALa~~,~~MACAC,EAAQd,EAARc,SACcC,EAASf,EAAvB,cACAgB,EAAQhB,EAARgB,~~SAAQC,~~EAAAjB~~,~~EACRkB~~,OAAAA,OAAS,IAAHD,GAAOA,~~EACbE~~,~~EAAWnB~~,~~EAAXmB~~,~~YAIIC~~,~~EAnBApB~~,~~EAAJqB~~,~~MAmBsB1B,~~EAAaQ,GAC/~~BmB~~,~~EAAajB~~,~~MAAQkB~~,~~OAAOb~~,EAAc,cAEhD,~~OACEc~~,~~uBACEhB~~,~~UAAWiB~~,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,~~EAAOnB~~,MAAQA,~~GACfmB~~,~~EAAOpB~~,QAAUA,~~GACjBoB~~,~~EAAOf~~,SAAWA,~~GAClBe~~,~~EAAOd~~,SAAWA,GAErBJ,GAEW,cAAAC,~~GAAcoB~~,EAAUC,EAAuBC,~~UAAWrB~~,IAEtEN,~~GACCoB~~,EAAOQ,cAAA,QAAA,~~CAAAxB~~,~~UAAWiB~~,EAAGC,~~EAAOtB~~,~~MAAKwB~~,EAAA,CAAA,EAAKF,EAAOV,SAAWA,IAAaiB,~~QAASvB~~,GAC3EN,~~GAGLoB~~,EAAAQ,cAAA,~~WAAA~~,~~CACEtB~~,GAAIA,~~EACJT~~,IAAKA,~~EACLU~~,SAAUA,EACVC,SAAUA,~~EACVI~~,SAAUA,~~EACVK~~,~~KAAMD~~,~~EACNZ~~,~~UAAWiB~~,EAAGC,~~EAAOQ~~,SAAU,~~CAACR~~,~~EAAOvB~~,~~IAAMyB~~,EAAKF,CAAAA,EAAAA,EAAOR,OAASA,~~IAClEL~~,~~MAAOA~~,~~EACPC,SAAUA,iBACIP,~~EAAK,~~aACPQ~~,~~EAAS,mBACHO,~~QAAAA,~~OAAca~~,~~EAChChB~~,~~YAAaA~~,~~IAEdd,GACCmB,~~EAAAQ,~~cAACI~~,EAAI,~~CAAC5B~~,~~UAAWiB~~,EAAGC,~~EAAOrB~~,~~UAAWgC~~,MAAM,~~UAAU3B~~,~~GAAIY~~,~~GACvDjB~~,GAKX"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n resize = true,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: error,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={error}\n aria-describedby={helpTextId ?? undefined}\n />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","_a$size","size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","_a$resize","resize","rest","__rest","numRows","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","undefined","Text","color"],"mappings":"kYAQA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAgBAC,GAhBA,IAAAC,EAegBF,EAddG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAacJ,EAbdI,KACAC,EAYcL,EAZdK,MACAC,EAWcN,EAXdM,SACAC,EAUcP,EAVdO,QACAC,EAScR,EATdQ,MACAC,EAQcT,EARdS,UACeC,EAODV,EAPd,eACAW,EAMcX,EANdW,GACAC,EAKcZ,EALdY,SACAC,EAIcb,EAJda,SACAC,EAGcd,EAHdc,SAAQC,EAGMf,EAFdgB,OAAAA,OAAS,IAAHD,GAAOA,EACVE,EAAIC,EAAAlB,EAdT,+HAkBMmB,EAAUf,GAAQT,EAAaQ,GAC/BiB,EAAad,MAAQe,OAAOV,EAAc,cAEhD,OACEW,uBACEb,UAAWc,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOhB,MAAQA,GACfgB,EAAOjB,QAAUA,GACjBiB,EAAOZ,SAAWA,GAClBY,EAAOX,SAAWA,GAErBJ,GAEW,cAAAC,GAAciB,EAAUC,EAAuBC,UAAWlB,IAEtEN,GACCiB,EAAOQ,cAAA,QAAA,CAAArB,UAAWc,EAAGC,EAAOnB,MAAKqB,EAAA,CAAA,EAAKF,EAAOV,SAAWA,IAAaiB,QAASpB,GAC3EN,GAGLiB,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMhB,EAAI,CACRN,GAAIA,EACJV,IAAKA,EACLW,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMe,EACNV,UAAWc,EAAGC,EAAOU,SAAU,CAACV,EAAOrB,IAAMuB,EAAKF,CAAAA,EAAAA,EAAOR,OAASA,IAAS,eAC7DR,EAAK,mBACDY,QAAAA,OAAce,KAEjC7B,GACCgB,EAAAQ,cAACM,EAAI,CAAC3B,UAAWc,EAAGC,EAAOlB,UAAW+B,MAAM,UAAU1B,GAAIS,GACvDd,GAKX"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_b55ce241ad",label:"label_9faa2e26d7",required:"required_78a9cd4af6",helpText:"helpText_a1f40663d8",textArea:"textArea_8a4cb83f99",small:"small_81d9f96d8e",large:"large_d6a5515182",resize:"resize_002260bc28",success:"success_63df353cd6",error:"error_3f4e263471",disabled:"disabled_78a9cd4af6",readOnly:"readOnly_78a9cd4af6"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-c3a555441acd_3_0_0-alpha_0";if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}('.textAreaWrapper_b55ce241ad {\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_b55ce241ad .label_9faa2e26d7 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_b55ce241ad .label_9faa2e26d7.required_78a9cd4af6::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_b55ce241ad .helpText_a1f40663d8 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_b55ce241ad .textArea_8a4cb83f99 {\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_b55ce241ad .textArea_8a4cb83f99:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_b55ce241ad .textArea_8a4cb83f99:active, .textAreaWrapper_b55ce241ad .textArea_8a4cb83f99:focus, .textAreaWrapper_b55ce241ad .textArea_8a4cb83f99:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_b55ce241ad .textArea_8a4cb83f99.small_81d9f96d8e {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_b55ce241ad .textArea_8a4cb83f99.large_d6a5515182 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_b55ce241ad .textArea_8a4cb83f99:not(.resize_002260bc28) {\n  resize: none;\n}\n.textAreaWrapper_b55ce241ad.success_63df353cd6 .textArea_8a4cb83f99 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_b55ce241ad.success_63df353cd6 .helpText_a1f40663d8 {\n  color: var(--color-success);\n}\n.textAreaWrapper_b55ce241ad.error_3f4e263471 .textArea_8a4cb83f99 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_b55ce241ad.error_3f4e263471 .helpText_a1f40663d8 {\n  color: var(--color-error);\n}\n.textAreaWrapper_b55ce241ad.disabled_78a9cd4af6 .textArea_8a4cb83f99,\n.textAreaWrapper_b55ce241ad.disabled_78a9cd4af6 .textArea_8a4cb83f99:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_b55ce241ad.disabled_78a9cd4af6 .helpText_a1f40663d8 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_b55ce241ad.readOnly_78a9cd4af6 .textArea_8a4cb83f99,\n.textAreaWrapper_b55ce241ad.readOnly_78a9cd4af6 .textArea_8a4cb83f99:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_158ce179dd",label:"label_136cf36a94",required:"required_553b9778c8",helpText:"helpText_81db564cfe",textArea:"textArea_9e18bbe177",small:"small_73ddbbe213",large:"large_a6dfc53731",resize:"resize_051f20be7e",success:"success_bdab91d4f8",error:"error_2ef618d0f9",disabled:"disabled_553b9778c8",readOnly:"readOnly_553b9778c8"};!function(e){const r="s_id-c3a555441acd_3_0_0-alpha_10";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_158ce179dd {\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_158ce179dd .label_136cf36a94 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_158ce179dd .label_136cf36a94.required_553b9778c8::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_158ce179dd .helpText_81db564cfe {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_158ce179dd .textArea_9e18bbe177 {\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_158ce179dd .textArea_9e18bbe177:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_158ce179dd .textArea_9e18bbe177:active, .textAreaWrapper_158ce179dd .textArea_9e18bbe177:focus, .textAreaWrapper_158ce179dd .textArea_9e18bbe177:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_158ce179dd .textArea_9e18bbe177.small_73ddbbe213 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_158ce179dd .textArea_9e18bbe177.large_a6dfc53731 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_158ce179dd .textArea_9e18bbe177:not(.resize_051f20be7e) {\n  resize: none;\n}\n.textAreaWrapper_158ce179dd.success_bdab91d4f8 .textArea_9e18bbe177 {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_158ce179dd.success_bdab91d4f8 .helpText_81db564cfe {\n  color: var(--color-success);\n}\n.textAreaWrapper_158ce179dd.error_2ef618d0f9 .textArea_9e18bbe177 {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_158ce179dd.error_2ef618d0f9 .helpText_81db564cfe {\n  color: var(--color-error);\n}\n.textAreaWrapper_158ce179dd.disabled_553b9778c8 .textArea_9e18bbe177,\n.textAreaWrapper_158ce179dd.disabled_553b9778c8 .textArea_9e18bbe177:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_158ce179dd.disabled_553b9778c8 .helpText_81db564cfe {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_158ce179dd.readOnly_553b9778c8 .textArea_9e18bbe177,\n.textAreaWrapper_158ce179dd.readOnly_553b9778c8 .textArea_9e18bbe177:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var a={textField:"textField_aa27793a8c",labelWrapper:"labelWrapper_d91528cf9f",subTextContainer:"subTextContainer_b45dd54367",counter:"counter_51ded05a6f",disabled:"disabled_aaa673cc03",icon:"icon_05107a33b7",inputWrapper:"inputWrapper_05107a33b7",input:"input_d1a7a208f7",iconContainer:"iconContainer_a65299aceb",iconContainerHasIcon:"iconContainerHasIcon_098aa13738",readOnly:"readOnly_db51c1b347",inputHover:"inputHover_3394917eab",inputActive:"inputActive_dfc6c3a10c",inputHasIcon:"inputHasIcon_3cbd934095",round:"round_3a216f9a86",square:"square_ac60877ec0",onlyUnderline:"onlyUnderline_d585d45f0e",tooltipContainer:"tooltipContainer_d4394db19c",wrapperSizeMedium:"wrapperSizeMedium_9c3713e760",wrapperSizeLarge:"wrapperSizeLarge_c60377b59e",iconContainerActive:"iconContainerActive_0cb303adc1",iconContainerClickable:"iconContainerClickable_c7e207e673",inputErrorValidation:"inputErrorValidation_098aa13738",subTextContainerStatus:"subTextContainerStatus_95e97c2fe4",inputSuccessValidation:"inputSuccessValidation_99957ac96c",wrapperSizeSmall:"wrapperSizeSmall_e198f76dda",inputWrapperSizeSmall:"inputWrapperSizeSmall_9a4fc90913",loaderContainer:"loaderContainer_833285ec37",loaderContainerHasIcon:"loaderContainerHasIcon_044518e622",loader:"loader_91f0c272c7",loaderSvg:"loaderSvg_a1f40663d8"};!function(a){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-bf094fee8204_3_0_0-alpha_0";if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}(".textField_aa27793a8c {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_aa27793a8c * {\n  box-sizing: border-box;\n}\n\n.textField_aa27793a8c .labelWrapper_d91528cf9f {\n  width: 100%;\n}\n\n.textField_aa27793a8c .subTextContainer_b45dd54367 {\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_aa27793a8c .subTextContainer_b45dd54367 .counter_51ded05a6f {\n  margin-left: auto;\n}\n\n.textField_aa27793a8c.disabled_aaa673cc03 .icon_05107a33b7 {\n  cursor: not-allowed;\n}\n\n.textField_aa27793a8c.disabled_aaa673cc03 .inputWrapper_05107a33b7 {\n  cursor: not-allowed;\n}\n\n.textField_aa27793a8c.disabled_aaa673cc03 .inputWrapper_05107a33b7 .input_d1a7a208f7 {\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_aa27793a8c.disabled_aaa673cc03 .inputWrapper_05107a33b7 .input_d1a7a208f7::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_aa27793a8c.disabled_aaa673cc03 .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerHasIcon_098aa13738:hover {\n  background-color: transparent;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7 {\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_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.readOnly_db51c1b347 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.inputHover_3394917eab {\n  border-color: var(--primary-text-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7:focus,\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7:active,\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.inputActive_dfc6c3a10c {\n  border-color: var(--primary-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.inputHasIcon_3cbd934095 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.round_3a216f9a86 {\n  border-radius: 50px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.square_ac60877ec0 {\n  border-radius: 0;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .input_d1a7a208f7.onlyUnderline_d585d45f0e {\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_aa27793a8c .inputWrapper_05107a33b7 .tooltipContainer_d4394db19c {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .tooltipContainer_d4394db19c {\n  width: 40px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .tooltipContainer_d4394db19c {\n  width: 46px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb {\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_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb {\n  -webkit-appearance: none;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerActive_0cb303adc1.iconContainerHasIcon_098aa13738.iconContainerClickable_c7e207e673 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerActive_0cb303adc1.iconContainerHasIcon_098aa13738:not(.iconContainerClickable_c7e207e673) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerActive_0cb303adc1 {\n  opacity: 1;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerActive_0cb303adc1 .icon_05107a33b7 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerHasIcon_098aa13738.iconContainerClickable_c7e207e673:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb.iconContainerHasIcon_098aa13738.iconContainerClickable_c7e207e673:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb .icon_05107a33b7 {\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_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738:hover .input_d1a7a208f7 {\n  border-color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 .input_d1a7a208f7 {\n  border-color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 .input_d1a7a208f7:focus,\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 .input_d1a7a208f7:active {\n  border-color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 .iconContainer_a65299aceb .icon_05107a33b7 {\n  color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 .iconContainer_a65299aceb .icon_05107a33b7:hover {\n  color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputErrorValidation_098aa13738 + .subTextContainer_b45dd54367 .subTextContainerStatus_95e97c2fe4 {\n  color: var(--negative-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c:hover .input_d1a7a208f7 {\n  border-color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c .input_d1a7a208f7 {\n  border-color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c .input_d1a7a208f7:focus,\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c .input_d1a7a208f7:active {\n  border-color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c .iconContainer_a65299aceb .icon_05107a33b7 {\n  color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c .iconContainer_a65299aceb .icon_05107a33b7:hover {\n  color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.inputSuccessValidation_99957ac96c + .subTextContainer_b45dd54367 .subTextContainerStatus_95e97c2fe4 {\n  color: var(--positive-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeSmall_e198f76dda {\n  height: 32px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeSmall_e198f76dda .input_d1a7a208f7 {\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_aa27793a8c .inputWrapper_05107a33b7.inputWrapperSizeSmall_9a4fc90913 .input_d1a7a208f7.inputHasIcon_3cbd934095.onlyUnderline_d585d45f0e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 {\n  height: 40px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .input_d1a7a208f7 {\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_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .input_d1a7a208f7.inputHasIcon_3cbd934095 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .input_d1a7a208f7.inputHasIcon_3cbd934095.onlyUnderline_d585d45f0e {\n  padding-left: 4px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .iconContainer_a65299aceb {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .iconContainer_a65299aceb .icon_05107a33b7 {\n  font-size: 16px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .iconContainer_a65299aceb:hover + .iconContainer_a65299aceb + .input_d1a7a208f7 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e {\n  height: 48px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .input_d1a7a208f7 {\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_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .input_d1a7a208f7.inputHasIcon_3cbd934095 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .input_d1a7a208f7.inputHasIcon_3cbd934095.onlyUnderline_d585d45f0e {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .iconContainer_a65299aceb {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .iconContainer_a65299aceb .icon_05107a33b7 {\n  font-size: 16px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7:hover .input_d1a7a208f7 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .loaderContainer_833285ec37 {\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_aa27793a8c .inputWrapper_05107a33b7 .loaderContainer_833285ec37.loaderContainerHasIcon_044518e622 {\n  right: 32px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .loaderContainer_833285ec37 .loader_91f0c272c7 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .loaderContainer_833285ec37 .loader_91f0c272c7 .loaderSvg_a1f40663d8 {\n  color: var(--secondary-text-color);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7 .iconContainer_a65299aceb .icon_05107a33b7 {\n  font-family: var(--font-family);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeMedium_9c3713e760 .iconContainer_a65299aceb .icon_05107a33b7 {\n  font-family: var(--font-family);\n}\n\n.textField_aa27793a8c .inputWrapper_05107a33b7.wrapperSizeLarge_c60377b59e .iconContainer_a65299aceb .icon_05107a33b7 {\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{a as default};
+var e={textField:"textField_afad3d550d",labelWrapper:"labelWrapper_77d9440044",subTextContainer:"subTextContainer_21172228ff",counter:"counter_510cb87a6e",disabled:"disabled_05b2c20d81",icon:"icon_53e94cef58",inputWrapper:"inputWrapper_53e94cef58",input:"input_b1f4082ed6",iconContainer:"iconContainer_af7f8a0a03",iconContainerHasIcon:"iconContainerHasIcon_7575652321",readOnly:"readOnly_0234693228",inputHover:"inputHover_3114e41215",inputActive:"inputActive_bf2df46279",inputHasIcon:"inputHasIcon_b1f0c04fbd",round:"round_a52c130eec",square:"square_9a768b91d4",onlyUnderline:"onlyUnderline_4bdef2e8d1",tooltipContainer:"tooltipContainer_dbad7f1248",wrapperSizeMedium:"wrapperSizeMedium_5eb9400acb",wrapperSizeLarge:"wrapperSizeLarge_3c4db65a03",iconContainerActive:"iconContainerActive_7035829b72",iconContainerClickable:"iconContainerClickable_b4a38291b4",inputErrorValidation:"inputErrorValidation_7575652321",subTextContainerStatus:"subTextContainerStatus_8152c4b910",inputSuccessValidation:"inputSuccessValidation_3d84282d8a",wrapperSizeSmall:"wrapperSizeSmall_fb947ece57",inputWrapperSizeSmall:"inputWrapperSizeSmall_be22354cc8",loaderContainer:"loaderContainer_b27230cc16",loaderContainerHasIcon:"loaderContainerHasIcon_8f387103cf",loader:"loader_8567d872e4",loaderSvg:"loaderSvg_81db564cfe"};!function(e){const n="s_id-bf094fee8204_3_0_0-alpha_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".textField_afad3d550d {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_afad3d550d * {\n  box-sizing: border-box;\n}\n\n.textField_afad3d550d .labelWrapper_77d9440044 {\n  width: 100%;\n}\n\n.textField_afad3d550d .subTextContainer_21172228ff {\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_afad3d550d .subTextContainer_21172228ff .counter_510cb87a6e {\n  margin-left: auto;\n}\n\n.textField_afad3d550d.disabled_05b2c20d81 .icon_53e94cef58 {\n  cursor: not-allowed;\n}\n\n.textField_afad3d550d.disabled_05b2c20d81 .inputWrapper_53e94cef58 {\n  cursor: not-allowed;\n}\n\n.textField_afad3d550d.disabled_05b2c20d81 .inputWrapper_53e94cef58 .input_b1f4082ed6 {\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_afad3d550d.disabled_05b2c20d81 .inputWrapper_53e94cef58 .input_b1f4082ed6::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_afad3d550d.disabled_05b2c20d81 .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerHasIcon_7575652321:hover {\n  background-color: transparent;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6 {\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_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.readOnly_0234693228 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.inputHover_3114e41215 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6:focus,\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6:active,\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.inputActive_bf2df46279 {\n  border-color: var(--primary-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.inputHasIcon_b1f0c04fbd {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.round_a52c130eec {\n  border-radius: 50px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.square_9a768b91d4 {\n  border-radius: 0;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .input_b1f4082ed6.onlyUnderline_4bdef2e8d1 {\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_afad3d550d .inputWrapper_53e94cef58 .tooltipContainer_dbad7f1248 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .tooltipContainer_dbad7f1248 {\n  width: 40px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .tooltipContainer_dbad7f1248 {\n  width: 46px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03 {\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_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03 {\n  -webkit-appearance: none;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerActive_7035829b72.iconContainerHasIcon_7575652321.iconContainerClickable_b4a38291b4 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerActive_7035829b72.iconContainerHasIcon_7575652321:not(.iconContainerClickable_b4a38291b4) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerActive_7035829b72 {\n  opacity: 1;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerActive_7035829b72 .icon_53e94cef58 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerHasIcon_7575652321.iconContainerClickable_b4a38291b4:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03.iconContainerHasIcon_7575652321.iconContainerClickable_b4a38291b4:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03 .icon_53e94cef58 {\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_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321:hover .input_b1f4082ed6 {\n  border-color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 .input_b1f4082ed6 {\n  border-color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 .input_b1f4082ed6:focus,\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 .input_b1f4082ed6:active {\n  border-color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 .iconContainer_af7f8a0a03 .icon_53e94cef58:hover {\n  color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputErrorValidation_7575652321 + .subTextContainer_21172228ff .subTextContainerStatus_8152c4b910 {\n  color: var(--negative-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a:hover .input_b1f4082ed6 {\n  border-color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a .input_b1f4082ed6 {\n  border-color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a .input_b1f4082ed6:focus,\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a .input_b1f4082ed6:active {\n  border-color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a .iconContainer_af7f8a0a03 .icon_53e94cef58:hover {\n  color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.inputSuccessValidation_3d84282d8a + .subTextContainer_21172228ff .subTextContainerStatus_8152c4b910 {\n  color: var(--positive-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeSmall_fb947ece57 {\n  height: 32px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeSmall_fb947ece57 .input_b1f4082ed6 {\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_afad3d550d .inputWrapper_53e94cef58.inputWrapperSizeSmall_be22354cc8 .input_b1f4082ed6.inputHasIcon_b1f0c04fbd.onlyUnderline_4bdef2e8d1 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb {\n  height: 40px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .input_b1f4082ed6 {\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_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .input_b1f4082ed6.inputHasIcon_b1f0c04fbd {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .input_b1f4082ed6.inputHasIcon_b1f0c04fbd.onlyUnderline_4bdef2e8d1 {\n  padding-left: 4px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .iconContainer_af7f8a0a03 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  font-size: 16px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .iconContainer_af7f8a0a03:hover + .iconContainer_af7f8a0a03 + .input_b1f4082ed6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 {\n  height: 48px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .input_b1f4082ed6 {\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_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .input_b1f4082ed6.inputHasIcon_b1f0c04fbd {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .input_b1f4082ed6.inputHasIcon_b1f0c04fbd.onlyUnderline_4bdef2e8d1 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .iconContainer_af7f8a0a03 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  font-size: 16px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58:hover .input_b1f4082ed6 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .loaderContainer_b27230cc16 {\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_afad3d550d .inputWrapper_53e94cef58 .loaderContainer_b27230cc16.loaderContainerHasIcon_8f387103cf {\n  right: 32px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .loaderContainer_b27230cc16 .loader_8567d872e4 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .loaderContainer_b27230cc16 .loader_8567d872e4 .loaderSvg_81db564cfe {\n  color: var(--secondary-text-color);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58 .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  font-family: var(--font-family);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeMedium_5eb9400acb .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  font-family: var(--font-family);\n}\n\n.textField_afad3d550d .inputWrapper_53e94cef58.wrapperSizeLarge_3c4db65a03 .iconContainer_af7f8a0a03 .icon_53e94cef58 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{e as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import r from"classnames";import o,{forwardRef as s,useRef as l,useMemo as n,useLayoutEffect as a}from"react";import p from"../Tooltip/Tooltip.js";import m from"../../hooks/useIsOverflowing/useIsOverflowing.js";import f from"../../hooks/useMergeRef.js";import g from"./TextWithHighlight.module.scss.js";var c=function(e,t,i){return i?o.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:r(g.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):o.createElement("span",{key:t},e)},u=s((function(s,u){var d=s.className,h=s.id,v=s.text,T=void 0===v?"":v,E=s.highlightTerm,j=s.limit,x=s.useEllipsis,H=void 0===x||x,w=s.linesToClamp,I=void 0===w?3:w,y=s.ignoreCase,k=void 0===y||y,N=s.allowTermSplit,P=void 0===N||N,W=s.nonEllipsisTooltip,_=s.tooltipPosition,C=s.wrappingTextTag,G=void 0===C?"em":C,O=s.wrappingElementClassName,R=s["data-testid"],$=l(null),b=f(u,$),B=n((function(){if(!T||!E||0===j)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");P&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),k?"i":""),i=T.split(t),r=[],o=0,s=0,l=0;i.length>l;l++)if(i[l]){var n=l%2==1;r.push(c(i[l],s++,n&&(!j||0>j||j>o),G,O)),n&&o++}return r}),[T,E,j,k,P,G,O]),L=m({ref:H&&$});a((function(){$.current&&$.current.style.setProperty("--heading-clamp-lines",""+I)}),[$,I,L]);var M=o.createElement("div",{ref:b,className:r(g.textWithHighlightWrapper,d,e({},g.withEllipsis,H)),id:h,"data-testid":R||t(i.TEXT_WITH_HIGHLIGHT,h)},B);return L||W?o.createElement(p,{content:L?T:W,position:_},M):M}));export{u as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useRef as l,useMemo as a}from"react";import n from"../Tooltip/Tooltip.js";import p from"../../hooks/useIsOverflowing/useIsOverflowing.js";import m from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import f from"../../hooks/useMergeRef.js";import c from"./TextWithHighlight.module.scss.js";var u=function(e,t,i){return i?r.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:o(c.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):r.createElement("span",{key:t},e)},g=s((function(s,g){var h=s.className,d=s.id,v=s.text,T=void 0===v?"":v,E=s.highlightTerm,j=s.limit,x=s.useEllipsis,H=void 0===x||x,I=s.linesToClamp,w=void 0===I?3:I,y=s.ignoreCase,k=void 0===y||y,N=s.allowTermSplit,P=void 0===N||N,W=s.nonEllipsisTooltip,_=s.tooltipPosition,C=s.wrappingTextTag,G=void 0===C?"em":C,L=s.wrappingElementClassName,O=s["data-testid"],R=l(null),$=f(g,R),b=a((function(){if(!T||!E||0===j)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");P&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),k?"i":""),i=T.split(t),o=[],r=0,s=0,l=0;i.length>l;l++)if(i[l]){var a=l%2==1;o.push(u(i[l],s++,a&&(!j||0>j||j>r),G,L)),a&&r++}return o}),[T,E,j,k,P,G,L]),B=p({ref:H&&R});m((function(){R.current&&R.current.style.setProperty("--heading-clamp-lines",""+w)}),[R,w,B]);var M=r.createElement("div",{ref:$,className:o(c.textWithHighlightWrapper,h,e({},c.withEllipsis,H)),id:d,"data-testid":O||t(i.TEXT_WITH_HIGHLIGHT,d)},b);return B||W?r.createElement(n,{content:B?T:W,position:_},M):M}));export{g as default};
 //# sourceMappingURL=TextWithHighlight.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, ~~useLayoutEffect,~~ useMemo, useRef } from \"react\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /** Text to wrap /\n text?: string;\n highlightTerm?: string;\n /* Number of highlighted parts /\n limit?: number;\n ignoreCase?: boolean;\n /* Should use ellipsis /\n useEllipsis?: boolean;\n /* Allow highlight every word as a separate term /\n allowTermSplit?: boolean;\n linesToClamp?: number;\n /* Tooltip to show when there is no overflow /\n nonEllipsisTooltip?: string;\n /* HTML tag to wrap the selected text /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n wrappingElementClassName?: string;\n tooltipPosition?: TooltipPositions;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n tooltipPosition,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n ~~useLayoutEffect~~(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} position={tooltipPosition}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","tooltipPosition","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","~~useLayoutEffect~~","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","content","position"],"mappings":"~~8cAUA~~,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAsBMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBACAC,EAAef,EAAfe,gBAAeC,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBlB,EAAxBkB,yBACeC,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKtC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIuC,EAAyBtB,EA4DnBuB,QAAQ,sBAAuB,QA3DrCd,IACFa,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKf,EAAa,IAAM,IACxDsB,EAAS9C,EAAKyC,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtB/C,EAAM,EACDgD,EAAI,EAAOH,EAAOzC,OAAX4C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKpD,EAAY+C,EAAOG,GAAIhD,IADViD,KAAgBhC,GAAiB,EAARA,GAAmCA,EAAtB8B,GACJlB,EAAiBC,IACvEmB,GAAYF,GACjB,CAGH,OAAOD,CACT,GAAG,CAAC/C,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBI,EAAiBC,IAEvEqB,EAAgBC,EAAiB,CAAEvC,IAAKM,GAAea,IAE7DqB,~~GAAgB~~,~~WACVrB~~,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBnC,KAEnE,GAAE,CAACW,EAAcX,EAAc8B,IAEhC,IAAMM,EACJvD,EACEwD,cAAA,MAAA,CAAA7C,IAAKqB,EACL5B,UAAWC,EAAGC,EAAOmD,yBAA0BrD,EAASsD,KACrDpD,EAAOqD,aAAe1C,IAEzBL,GAAIA,EACS,cAAAiB,GAAc+B,EAAUC,EAAuBC,oBAAqBlD,IAEhFsB,GAIL,OAAIe,GAAiBzB,EAGjBxB,EAAAwD,cAACO,EAAO,CAACC,QAFYf,EAAgBpD,EAAO2B,EAEVyC,SAAUxC,GACzC8B,GAIAA,CACT"}
1	+ {"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /** Text to wrap /\n text?: string;\n highlightTerm?: string;\n /* Number of highlighted parts /\n limit?: number;\n ignoreCase?: boolean;\n /* Should use ellipsis /\n useEllipsis?: boolean;\n /* Allow highlight every word as a separate term /\n allowTermSplit?: boolean;\n linesToClamp?: number;\n /* Tooltip to show when there is no overflow /\n nonEllipsisTooltip?: string;\n /* HTML tag to wrap the selected text /\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n wrappingElementClassName?: string;\n tooltipPosition?: TooltipPositions;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n tooltipPosition,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text \|\| !highlightTerm \|\| limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"\|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit \|\| limit < 0 \|\| highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n useIsomorphicLayoutEffect(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing \|\| nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} position={tooltipPosition}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.+?^${}()\|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","tooltipPosition","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","content","position"],"mappings":"qfAWA,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAsBMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBACAC,EAAef,EAAfe,gBAAeC,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBlB,EAAxBkB,yBACeC,EAAUnB,EAAzB,eAIIoB,EAAeC,EAAO,MACtBC,EAAYC,EAAYtB,EAAKmB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKtC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIuC,EAAyBtB,EA4DnBuB,QAAQ,sBAAuB,QA3DrCd,IACFa,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKf,EAAa,IAAM,IACxDsB,EAAS9C,EAAKyC,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtB/C,EAAM,EACDgD,EAAI,EAAOH,EAAOzC,OAAX4C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKpD,EAAY+C,EAAOG,GAAIhD,IADViD,KAAgBhC,GAAiB,EAARA,GAAmCA,EAAtB8B,GACJlB,EAAiBC,IACvEmB,GAAYF,GACjB,CAGH,OAAOD,CACT,GAAG,CAAC/C,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBI,EAAiBC,IAEvEqB,EAAgBC,EAAiB,CAAEvC,IAAKM,GAAea,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBnC,KAEnE,GAAE,CAACW,EAAcX,EAAc8B,IAEhC,IAAMM,EACJvD,EACEwD,cAAA,MAAA,CAAA7C,IAAKqB,EACL5B,UAAWC,EAAGC,EAAOmD,yBAA0BrD,EAASsD,KACrDpD,EAAOqD,aAAe1C,IAEzBL,GAAIA,EACS,cAAAiB,GAAc+B,EAAUC,EAAuBC,oBAAqBlD,IAEhFsB,GAIL,OAAIe,GAAiBzB,EAGjBxB,EAAAwD,cAACO,EAAO,CAACC,QAFYf,EAAgBpD,EAAO2B,EAEVyC,SAAUxC,GACzC8B,GAIAA,CACT"}

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

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

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as n,useLayoutEffect as i,useEffect as m}from"react";import{SystemTheme as s,ThemeColor as a}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as c,isAnySystemThemeClassNameOnBody as l,addSystemThemeClassNameToBody as d,removeSystemThemeClassNameFromBody as u,shouldGenerateTheme as p,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(s){var a=s.themeConfig,h=s.children,v=s.themeClassSpecifier,y=s.systemTheme,T=s.className,C=o(!1),g=e(C,2),j=g[0],P=g[1],x=n((function(){return v||c()}),[v]);return i((function(){if(y&&!l())return d(y),function(){u(y)}}),[y]),m((function(){if(p(a)){if(!document.getElementById(a.name)){var e=document.createElement("style");e.type="text/css",e.id=a.name;var r=f(a,x);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[x,a]),!j&&p(a)?null:t.createElement("div",{className:r(null==a?void 0:a.name,x,T)},h)}),{systemThemes:s,colors:a});export{v as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as o,useMemo as s,useEffect as m}from"react";import{SystemTheme as i,ThemeColor as n}from"./ThemeProviderConstants.js";import{generateRandomAlphaString as a,isAnySystemThemeClassNameOnBody as c,addSystemThemeClassNameToBody as l,removeSystemThemeClassNameFromBody as d,shouldGenerateTheme as u,generateThemeCssOverride as f}from"./ThemeProviderUtils.js";import p from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{withStaticProps as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=h((function(i){var n=i.themeConfig,h=i.children,v=i.themeClassSpecifier,y=i.systemTheme,T=i.className,j=o(!1),C=e(j,2),g=C[0],P=C[1],E=s((function(){return v||a()}),[v]);return p((function(){if(y&&!c())return l(y),function(){d(y)}}),[y]),m((function(){if(u(n)){if(!document.getElementById(n.name)){var e=document.createElement("style");e.type="text/css",e.id=n.name;var r=f(n,E);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),P(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}P(!0)}}),[E,n]),!g&&u(n)?null:t.createElement("div",{className:r(null==n?void 0:n.name,E,T)},h)}),{systemThemes:i,colors:n});export{v as default};
 //# sourceMappingURL=ThemeProvider.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect, ~~useLayoutEffect,~~ useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport { withStaticProps } from \"../../types\";\n\nexport interface ThemeProviderProps {\n /*\n The theme config to apply, consists of a \"name\" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to render with the theme\n /\n children: ReactElement;\n /\n String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the body element on mount, if there is no theme class name on the body element already\n /\n systemTheme?: SystemTheme;\n /\n ClassName to add to the wrapping div\n */\n className?: string;\n}\n\nconst ThemeProvider: FC<ThemeProviderProps> & {\n systemThemes?: typeof SystemThemeEnum;\n colors?: typeof ThemeColorEnum;\n} = ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n ~~useLayoutEffect~~(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default withStaticProps(ThemeProvider, {\n systemThemes: SystemThemeEnum,\n colors: ThemeColorEnum\n});\n"],"names":["withStaticProps","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","~~useLayoutEffect~~","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"~~2lBAqCA~~,IAiEeA,EAAAA,GA9DX,SAHeC,GAGuF,IAAnGC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAA+BC,EAAyBH,EAA9CI,oBAAgDC,EAAWL,EAAXK,YAAaC,EAASN,EAATM,UACzFC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,~~GAAgB~~,~~WACd~~,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAE8C,CAC5CoC,aAAcC,EACdC,OAAQC"}
1	+ {"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { SystemTheme as SystemThemeEnum, Theme, ThemeColor as ThemeColorEnum } from \"./ThemeProviderConstants\";\nimport { SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\nimport { withStaticProps } from \"../../types\";\n\nexport interface ThemeProviderProps {\n /*\n The theme config to apply, consists of a \"name\" - the name of css class that will be added to the children, which should be unique, and the object of colors overrides for each system theme.\n /\n themeConfig?: Theme;\n /\n The children to render with the theme\n /\n children: ReactElement;\n /\n String which adds up to theme name selector to make it more specific (in case if themeConfig.name is colliding with some other class name)\n /\n themeClassSpecifier?: string;\n /\n The system theme to apply to the body element on mount, if there is no theme class name on the body element already\n /\n systemTheme?: SystemTheme;\n /\n ClassName to add to the wrapping div\n */\n className?: string;\n}\n\nconst ThemeProvider: FC<ThemeProviderProps> & {\n systemThemes?: typeof SystemThemeEnum;\n colors?: typeof ThemeColorEnum;\n} = ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier \|\| generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default withStaticProps(ThemeProvider, {\n systemThemes: SystemThemeEnum,\n colors: ThemeColorEnum\n});\n"],"names":["withStaticProps","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx","systemThemes","SystemThemeEnum","colors","ThemeColorEnum"],"mappings":"koBAsCA,IAiEeA,EAAAA,GA9DX,SAHeC,GAGuF,IAAnGC,EAAWD,EAAXC,YAAaC,EAAQF,EAARE,SAA+BC,EAAyBH,EAA9CI,oBAAgDC,EAAWL,EAAXK,YAAaC,EAASN,EAATM,UACzFC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC7E,CAED,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB3B,CAFCZ,GAAgB,EAFjB,CAsBH,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF,GAE8C,CAC5CoC,aAAcC,EACdC,OAAQC"}

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as n,useEffect as s,useMemo as a,Fragment as l}from"react";import m from"classnames";import{AnimationType as d,HideShowEvent as p}from"../Dialog/DialogConstants.js";import c from"../../hooks/useMergeRef.js";import u from"../Tooltip/Tooltip.js";import f from"../IconButton/IconButton.js";import h from"../Icon/Icons/components/CloseSmall.js";import v from"./TipseenTitle.js";import{TipseenCloseButtonTheme as T,TipseenColor as y,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as g}from"./TipseenConstants.js";import{withStaticProps as C}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import{getTestId as N}from"../../tests/testIds.js";import B from"../Text/Text.js";import E from"./Tipseen.module.scss.js";import{ButtonColor as w}from"../Button/ButtonConstants.js";import{TooltipPositions as x}from"../Tooltip/TooltipConstants.js";var A=o.createContext("primary"),D=C(i((function(i,d){var p=i.className,T=i.id,y=i.position,C=void 0===y?"bottom":y,x=i.animationType,D=void 0===x?"expand":x,I=i.hideDelay,R=void 0===I?0:I,S=i.showDelay,k=void 0===S?100:S,P=i.title,W=i.titleClassName,O=i.hideCloseButton,_=i.closeButtonTheme,b=void 0===_?"light":_,H=i.onClose,L=i.closeAriaLabel,M=i.children,z=void 0===M?null:M,G=i.content,K=i.containerSelector,U=i.hideTrigger,V=void 0===U?[]:U,Y=i.showTrigger,q=void 0===Y?[]:Y,F=i.width,J=i.moveBy,Q=i.hideWhenReferenceHidden,X=void 0!==Q&&Q,Z=i.tip,$=void 0===Z||Z,ee=i.tooltipArrowClassName,te=i.modifiers,oe=void 0===te?[]:te,ie=i.floating,re=void 0!==ie&&ie,ne=i.color,se=i["data-testid"],ae=null!=ne?ne:"inverted",le=Array.isArray(q)&&Array.isArray(V)&&0===q.length&&k>0,me=r(null),de=c(d,me),pe=n(!le),ce=e(pe,2),ue=ce[0],fe=ce[1],he=L||g;s((function(){var e;return k&&(e=setTimeout((function(){fe(!0)}),k)),function(){clearTimeout(e)}}),[k,fe]);var ve=a((function(){return"inverted"===ae?"onInverted":"onPrimary"}),[ae]),Te=a((function(){return"light"===b?"inverted"===ae?w.ON_INVERTED_BACKGROUND:w.ON_PRIMARY_COLOR:b}),[ae,b]),ye=d||T?"div":l,ge=o.createElement("div",null,o.createElement("div",{className:m(E.tipseenHeader)},O?null:o.createElement(f,{hideTooltip:!0,className:m(E.tipseenCloseButton,t({},E.dark,"dark"===b||"fixed-dark"===b)),onClick:H,size:"xs",kind:"tertiary",color:Te,ariaLabel:he,icon:h}),o.createElement(v,{text:P,className:m(E.tipseenTitle,W)})),o.createElement(B,{color:ve,type:"text2",element:"p",className:m(E.tipseenContent)},o.createElement(A.Provider,{value:ae},G)));return o.createElement(ye,{ref:de,id:T,"data-testid":se||N(j.TIPSEEN,T)},o.createElement(u,{className:m(E.tipseenWrapper,p,t(t({},E.tipseenWrapperWithoutCustomWidth,!F),E.floating,re)),arrowClassName:ee,style:F?{width:F}:void 0,shouldShowOnMount:!le,position:C,animationType:D,hideDelay:R,showDelay:k,hideTrigger:V,showTrigger:q,content:ge,theme:"inverted"===ae?"dark":"primary",containerSelector:K,disableDialogSlide:!1,moveBy:J,hideWhenReferenceHidden:X,tip:$&&!re,modifiers:oe,open:le?ue:void 0,forceRenderWithoutChildren:re},z))})),{closeButtonThemes:T,animationTypes:d,hideShowTriggers:p,colors:y,positions:x});export{A as TipseenContext,D as default};
+import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useEffect as n,useMemo as a,Fragment as m}from"react";import c from"classnames";import{AnimationType as d,HideShowEvent as l}from"../Dialog/DialogConstants.js";import p from"../../hooks/useMergeRef.js";import h from"../Tooltip/Tooltip.js";import v from"../IconButton/IconButton.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import u from"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import f from"./TipseenTitle.js";import{TipseenCloseButtonTheme as j,TipseenColor as g,TIPSEEN_CLOSE_BUTTON_ARIA_LABEL as T}from"./TipseenConstants.js";import{withStaticProps as C}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as y}from"../../tests/constants.js";import{getTestId as w}from"../../tests/testIds.js";import N from"../Text/Text.js";import A from"./Tipseen.module.scss.js";import{ButtonColor as D}from"../Button/ButtonConstants.js";import{TooltipPositions as R}from"../Tooltip/TooltipConstants.js";var S=o.createContext("primary"),B=C(i((function(i,d){var l=i.className,j=i.id,g=i.position,C=void 0===g?"bottom":g,R=i.animationType,B=void 0===R?"expand":R,E=i.hideDelay,x=void 0===E?0:E,k=i.showDelay,I=void 0===k?100:k,W=i.title,_=i.titleClassName,P=i.hideCloseButton,b=i.closeButtonTheme,M=void 0===b?"light":b,O=i.onClose,L=i.closeAriaLabel,H=i.children,U=void 0===H?null:H,z=i.content,G=i.containerSelector,K=i.hideTrigger,V=void 0===K?[]:K,Y=i.showTrigger,q=void 0===Y?[]:Y,F=i.width,J=i.moveBy,Q=i.hideWhenReferenceHidden,X=void 0!==Q&&Q,Z=i.tip,$=void 0===Z||Z,tt=i.tooltipArrowClassName,et=i.modifiers,ot=void 0===et?[]:et,it=i.floating,rt=void 0!==it&&it,st=i.color,nt=i["data-testid"],at=null!=st?st:"inverted",mt=Array.isArray(q)&&Array.isArray(V)&&0===q.length&&I>0,ct=r(null),dt=p(d,ct),lt=s(!mt),pt=t(lt,2),ht=pt[0],vt=pt[1],ut=L||T;n((function(){var t;return I&&(t=setTimeout((function(){vt(!0)}),I)),function(){clearTimeout(t)}}),[I,vt]);var ft=a((function(){return"inverted"===at?"onInverted":"onPrimary"}),[at]),jt=a((function(){return"light"===M?"inverted"===at?D.ON_INVERTED_BACKGROUND:D.ON_PRIMARY_COLOR:M}),[at,M]),gt=d||j?"div":m,Tt=o.createElement("div",null,o.createElement("div",{className:c(A.tipseenHeader)},P?null:o.createElement(v,{hideTooltip:!0,className:c(A.tipseenCloseButton,e({},A.dark,"dark"===M||"fixed-dark"===M)),onClick:O,size:"xs",kind:"tertiary",color:jt,ariaLabel:ut,icon:u}),o.createElement(f,{text:W,className:c(A.tipseenTitle,_)})),o.createElement(N,{color:ft,type:"text2",element:"p",className:c(A.tipseenContent)},o.createElement(S.Provider,{value:at},z)));return o.createElement(gt,{ref:dt,id:j,"data-testid":nt||w(y.TIPSEEN,j)},o.createElement(h,{className:c(A.tipseenWrapper,l,e(e({},A.tipseenWrapperWithoutCustomWidth,!F),A.floating,rt)),arrowClassName:tt,style:F?{width:F}:void 0,shouldShowOnMount:!mt,position:C,animationType:B,hideDelay:x,showDelay:I,hideTrigger:V,showTrigger:q,content:Tt,theme:"inverted"===at?"dark":"primary",containerSelector:G,disableDialogSlide:!1,moveBy:J,hideWhenReferenceHidden:X,tip:$&&!rt,modifiers:ot,open:mt?ht:void 0,forceRenderWithoutChildren:rt},U))})),{closeButtonThemes:j,animationTypes:d,hideShowTriggers:l,colors:g,positions:R});export{S as TipseenContext,B as default};
 //# sourceMappingURL=Tipseen.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Tipseen.js","sources":["../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport CloseSmall from \"../../components/Icon/Icons/components/CloseSmall\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport {\n TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,\n TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum,\n TipseenColor as TipseenColorEnum\n} from \"./TipseenConstants\";\nimport { TipseenCloseButtonTheme, TipseenColor } from \"./Tipseen.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { Modifier } from \"react-popper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Tipseen.module.scss\";\nimport { ButtonColor } from \"../Button/ButtonConstants\";\nimport React from \"react\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Classname for overriding TipseenTitle styles\n /\n titleClassName?: string;\n position?: TooltipPositions;\n animationType?: DialogAnimationType;\n hideDelay?: number;\n showDelay?: number;\n title?: string;\n hideCloseButton?: boolean;\n children?: ReactElement;\n containerSelector?: string;\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n width?: number;\n moveBy?: MoveBy;\n hideWhenReferenceHidden?: boolean;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /* Class name for a tooltip's arrow /\n tooltipArrowClassName?: string;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n closeAriaLabel?: string;\n onClose?: () => void;\n content: ElementContent;\n /\n Control the color of the Tipseen close button. Dark theme can be useful while presenting bright images under the tipseen image\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n floating?: boolean;\n /* The color of the Tipseen */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen: VibeComponent<TipseenProps> & {\n closeButtonThemes?: typeof TipseenCloseButtonThemeEnum;\n animationTypes?: typeof AnimationTypeEnum;\n hideShowTriggers?: typeof HideShowEventEnum;\n colors?: typeof TipseenColorEnum;\n positions?: typeof TooltipPositionsEnum;\n} = forwardRef(\n (\n {\n className,\n id,\n position = \"bottom\",\n animationType = \"expand\",\n hideDelay = 0,\n showDelay = 100,\n title,\n titleClassName,\n hideCloseButton,\n closeButtonTheme = \"light\",\n onClose,\n closeAriaLabel,\n children = null,\n content,\n containerSelector,\n hideTrigger = [],\n showTrigger = [],\n width,\n moveBy,\n hideWhenReferenceHidden = false,\n tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref\n ) => {\n const color = colorProp ?? \"inverted\";\n\n const defaultDelayOpen =\n Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n const overrideCloseAriaLabel = closeAriaLabel \|\| TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (showDelay) {\n timeout = setTimeout(() => {\n setDelayOpen(true);\n }, showDelay);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [showDelay, setDelayOpen]);\n\n const textColor = useMemo(() => {\n return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n }, [color]);\n const closeButtonColor = useMemo(() => {\n if (closeButtonTheme === \"light\") {\n return color === \"inverted\" ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.ON_PRIMARY_COLOR;\n } else {\n return closeButtonTheme;\n }\n }, [color, closeButtonTheme]);\n\n const TipseenWrapper = ref \|\| id ? \"div\" : Fragment;\n const tooltipContent = (\n <div>\n <div className={cx(styles.tipseenHeader)}>\n {hideCloseButton ? null : (\n <IconButton\n hideTooltip\n className={cx(styles.tipseenCloseButton, {\n [styles.dark]: closeButtonTheme === \"dark\" \|\| closeButtonTheme === \"fixed-dark\"\n })}\n onClick={onClose}\n size=\"xs\"\n kind=\"tertiary\"\n // @ts-ignore\n color={closeButtonColor}\n ariaLabel={overrideCloseAriaLabel}\n icon={CloseSmall}\n />\n )}\n <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n </div>\n <Text color={textColor} type=\"text2\" element=\"p\" className={cx(styles.tipseenContent)}>\n <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n </Text>\n </div>\n );\n\n return (\n <TipseenWrapper ref={mergedRef} id={id} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN, id)}>\n <Tooltip\n className={cx(styles.tipseenWrapper, className, {\n [styles.tipseenWrapperWithoutCustomWidth]: !width,\n [styles.floating]: floating\n })}\n arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={showDelay}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n tip={tip && !floating}\n modifiers={modifiers}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\nexport default withStaticProps(Tipseen, {\n closeButtonThemes: TipseenCloseButtonThemeEnum,\n animationTypes: AnimationTypeEnum,\n hideShowTriggers: HideShowEventEnum,\n colors: TipseenColorEnum,\n positions: TooltipPositionsEnum\n});\n"],"names":["TipseenContext","React","createContext","withStaticProps","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","_ref$tip","tip","tooltipArrowClassName","_ref$modifiers","modifiers","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","TipseenWrapper","Fragment","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","ariaLabel","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","tipseenContent","Provider","value","getTestId","ComponentDefaultTestId","TIPSEEN","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","arrowClassName","style","undefined","shouldShowOnMount","theme","disableDialogSlide","open","forceRenderWithoutChildren","closeButtonThemes","TipseenCloseButtonThemeEnum","animationTypes","AnimationTypeEnum","hideShowTriggers","HideShowEventEnum","colors","TipseenColorEnum","positions","TooltipPositionsEnum"],"mappings":"giCAoEO,IAAMA,EAAiBC,EAAMC,cAA4B,WAsIjDC,EAAAA,EA9HXC,GACF,SAAAC,EA6BEC,GACE,IA5BAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,SAAAA,OAAW,IAAHD,EAAG,SAAQA,EAAAE,EAAAN,EACnBO,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACxBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACbW,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EACfE,EAAKZ,EAALY,MACAC,EAAcb,EAAda,eACAC,EAAed,EAAfc,gBAAeC,EAAAf,EACfgB,iBAAAA,OAAmB,IAAHD,EAAG,QAAOA,EAC1BE,EAAOjB,EAAPiB,QACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAOrB,EAAPqB,QACAC,EAAiBtB,EAAjBsB,kBAAiBC,EAAAvB,EACjBwB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EAChB0B,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAK3B,EAAL2B,MACAC,EAAM5B,EAAN4B,OAAMC,EAAA7B,EACN8B,wBAAAA,OAA0B,IAAHD,GAAQA,EAAAE,EAAA/B,EAC/BgC,IAAAA,OAAM,IAAHD,GAAOA,EACVE,GAAqBjC,EAArBiC,sBAAqBC,GAAAlC,EACrBmC,UAAAA,QAAY,IAAHD,GAAG,GAAEA,GAAAE,GAAApC,EACdqC,SAAAA,QAAW,IAAHD,IAAQA,GACTE,GAAStC,EAAhBuC,MACeC,GAAUxC,EAAzB,eAIIuC,GAAQD,SAAAA,GAAa,WAErBG,GACJC,MAAMC,QAAQjB,IAAgBgB,MAAMC,QAAQnB,IAAuC,IAAvBE,EAAYkB,QAAgBjC,EAAY,EAEhGkC,GAAeC,EAAO,MACtBC,GAAYC,EAAY/C,EAAK4C,IACnCI,GAAoCC,GAAUT,IAAiBU,GAAAC,EAAAH,GAAA,GAAxDI,GAAWF,GAAA,GAAEG,GAAYH,GAAA,GAC1BI,GAAyBrC,GAAkBsC,EAEjDC,GAAU,WACR,IAAIC,EAMJ,OALI/C,IACF+C,EAAUC,YAAW,WACnBL,IAAa,EACd,GAAE3C,IAEE,WACLiD,aAAaF,GAEjB,GAAG,CAAC/C,EAAW2C,KAEf,IAAMO,GAAYC,GAAQ,WACxB,MAAiB,aAAVvB,GAAuB,aAAe,WAC/C,GAAG,CAACA,KACEwB,GAAmBD,GAAQ,WAC/B,MAAyB,UAArB9C,EACe,aAAVuB,GAAuByB,EAAYC,uBAAyBD,EAAYE,iBAExElD,CAEX,GAAG,CAACuB,GAAOvB,IAELmD,GAAiBlE,GAAOE,EAAK,MAAQiE,EACrCC,GACJzE,EAAA0E,cAAA,MAAA,KACE1E,EAAA0E,cAAA,MAAA,CAAKpE,UAAWqE,EAAGC,EAAOC,gBACvB3D,EAAkB,KACjBlB,EAAC0E,cAAAI,GACCC,aAAW,EACXzE,UAAWqE,EAAGC,EAAOI,mBAAkBC,EACpCL,CAAAA,EAAAA,EAAOM,KAA4B,SAArB9D,GAAoD,eAArBA,IAEhD+D,QAAS9D,EACT+D,KAAK,KACLC,KAAK,WAEL1C,MAAOwB,GACPmB,UAAW3B,GACX4B,KAAMC,IAGVxF,EAAA0E,cAACe,EAAa,CAAAC,KAAM1E,EAAOV,UAAWqE,EAAGC,EAAOe,aAAc1E,MAEhEjB,EAAC0E,cAAAkB,GAAKjD,MAAOsB,GAAW4B,KAAK,QAAQC,QAAQ,IAAIxF,UAAWqE,EAAGC,EAAOmB,iBACpE/F,EAAA0E,cAAC3E,EAAeiG,SAAQ,CAACC,MAAOtD,IAAQlB,KAK9C,OACEzB,gBAACuE,GAAc,CAAClE,IAAK8C,GAAW5C,GAAIA,EAAiB,cAAAqC,IAAcsD,EAAUC,EAAuBC,QAAS7F,IAC3GP,EAAC0E,cAAA2B,EACC,CAAA/F,UAAWqE,EAAGC,EAAO0B,eAAgBhG,EAAS2E,EAAAA,EAAA,CAAA,EAC3CL,EAAO2B,kCAAoCxE,GAC3C6C,EAAOnC,SAAWA,KAErB+D,eAAgBnE,GAChBoE,MAAO1E,EAAQ,CAAEA,MAAAA,QAAU2E,EAC3BC,mBAAoB9D,GACpBpC,SAAUA,EACVE,cAAeA,EACfE,UAAWA,EACXE,UAAWA,EACXa,YAAaA,EACbE,YAAaA,EACbL,QAASgD,GACTmC,MAAiB,aAAVjE,GAAuB,OAAS,UACvCjB,kBAAmBA,EACnBmF,oBAAoB,EACpB7E,OAAQA,EACRE,wBAAyBA,EACzBE,IAAKA,IAAQK,GACbF,UAAWA,GACXuE,KAAMjE,GAAmBY,QAAciD,EACvCK,2BAA4BtE,IAE3BjB,GAIT,IAGsC,CACtCwF,kBAAmBC,EACnBC,eAAgBC,EAChBC,iBAAkBC,EAClBC,OAAQC,EACRC,UAAWC"}
1	+ {"version":3,"file":"Tipseen.js","sources":["../../../../src/components/Tipseen/Tipseen.tsx"],"sourcesContent":["import { forwardRef, Fragment, ReactElement, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { AnimationType as AnimationTypeEnum, HideShowEvent as HideShowEventEnum } from \"../Dialog/DialogConstants\";\nimport { DialogAnimationType, DialogTriggerEvent } from \"../Dialog/Dialog.types\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip from \"../../components/Tooltip/Tooltip\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport TipseenTitle from \"./TipseenTitle\";\nimport {\n TIPSEEN_CLOSE_BUTTON_ARIA_LABEL,\n TipseenCloseButtonTheme as TipseenCloseButtonThemeEnum,\n TipseenColor as TipseenColorEnum\n} from \"./TipseenConstants\";\nimport { TipseenCloseButtonTheme, TipseenColor } from \"./Tipseen.types\";\nimport { ElementContent, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { Modifier } from \"react-popper\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport Text from \"../Text/Text\";\nimport styles from \"./Tipseen.module.scss\";\nimport { ButtonColor } from \"../Button/ButtonConstants\";\nimport React from \"react\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport { TooltipPositions as TooltipPositionsEnum } from \"../Tooltip/TooltipConstants\";\n\nexport interface TipseenProps extends VibeComponentProps {\n /*\n Classname for overriding TipseenTitle styles\n /\n titleClassName?: string;\n position?: TooltipPositions;\n animationType?: DialogAnimationType;\n hideDelay?: number;\n showDelay?: number;\n title?: string;\n hideCloseButton?: boolean;\n children?: ReactElement;\n containerSelector?: string;\n hideTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n showTrigger?: DialogTriggerEvent \| Array<DialogTriggerEvent>;\n width?: number;\n moveBy?: MoveBy;\n hideWhenReferenceHidden?: boolean;\n /\n when false, the arrow of the tooltip is hidden\n /\n tip?: boolean;\n /* Class name for a tooltip's arrow /\n tooltipArrowClassName?: string;\n /\n PopperJS Modifiers type\n * https://popper.js.org/docs/v2/modifiers/\n /\n modifiers?: Array<Modifier<unknown>>;\n closeAriaLabel?: string;\n onClose?: () => void;\n content: ElementContent;\n /\n Control the color of the Tipseen close button. Dark theme can be useful while presenting bright images under the tipseen image\n /\n closeButtonTheme?: TipseenCloseButtonTheme;\n floating?: boolean;\n /* The color of the Tipseen */\n color?: TipseenColor;\n}\n\nexport const TipseenContext = React.createContext<TipseenColor>(\"primary\");\n\nconst Tipseen: VibeComponent<TipseenProps> & {\n closeButtonThemes?: typeof TipseenCloseButtonThemeEnum;\n animationTypes?: typeof AnimationTypeEnum;\n hideShowTriggers?: typeof HideShowEventEnum;\n colors?: typeof TipseenColorEnum;\n positions?: typeof TooltipPositionsEnum;\n} = forwardRef(\n (\n {\n className,\n id,\n position = \"bottom\",\n animationType = \"expand\",\n hideDelay = 0,\n showDelay = 100,\n title,\n titleClassName,\n hideCloseButton,\n closeButtonTheme = \"light\",\n onClose,\n closeAriaLabel,\n children = null,\n content,\n containerSelector,\n hideTrigger = [],\n showTrigger = [],\n width,\n moveBy,\n hideWhenReferenceHidden = false,\n tip = true,\n tooltipArrowClassName,\n modifiers = [],\n floating = false,\n color: colorProp,\n \"data-testid\": dataTestId\n }: TipseenProps,\n ref\n ) => {\n const color = colorProp ?? \"inverted\";\n\n const defaultDelayOpen =\n Array.isArray(showTrigger) && Array.isArray(hideTrigger) && showTrigger.length === 0 && showDelay > 0;\n\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n const [delayedOpen, setDelayOpen] = useState(!defaultDelayOpen);\n const overrideCloseAriaLabel = closeAriaLabel \|\| TIPSEEN_CLOSE_BUTTON_ARIA_LABEL;\n\n useEffect(() => {\n let timeout: NodeJS.Timeout;\n if (showDelay) {\n timeout = setTimeout(() => {\n setDelayOpen(true);\n }, showDelay);\n }\n return () => {\n clearTimeout(timeout);\n };\n }, [showDelay, setDelayOpen]);\n\n const textColor = useMemo(() => {\n return color === \"inverted\" ? \"onInverted\" : \"onPrimary\";\n }, [color]);\n const closeButtonColor = useMemo(() => {\n if (closeButtonTheme === \"light\") {\n return color === \"inverted\" ? ButtonColor.ON_INVERTED_BACKGROUND : ButtonColor.ON_PRIMARY_COLOR;\n } else {\n return closeButtonTheme;\n }\n }, [color, closeButtonTheme]);\n\n const TipseenWrapper = ref \|\| id ? \"div\" : Fragment;\n const tooltipContent = (\n <div>\n <div className={cx(styles.tipseenHeader)}>\n {hideCloseButton ? null : (\n <IconButton\n hideTooltip\n className={cx(styles.tipseenCloseButton, {\n [styles.dark]: closeButtonTheme === \"dark\" \|\| closeButtonTheme === \"fixed-dark\"\n })}\n onClick={onClose}\n size=\"xs\"\n kind=\"tertiary\"\n // @ts-ignore\n color={closeButtonColor}\n ariaLabel={overrideCloseAriaLabel}\n icon={CloseSmall}\n />\n )}\n <TipseenTitle text={title} className={cx(styles.tipseenTitle, titleClassName)} />\n </div>\n <Text color={textColor} type=\"text2\" element=\"p\" className={cx(styles.tipseenContent)}>\n <TipseenContext.Provider value={color}>{content}</TipseenContext.Provider>\n </Text>\n </div>\n );\n\n return (\n <TipseenWrapper ref={mergedRef} id={id} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TIPSEEN, id)}>\n <Tooltip\n className={cx(styles.tipseenWrapper, className, {\n [styles.tipseenWrapperWithoutCustomWidth]: !width,\n [styles.floating]: floating\n })}\n arrowClassName={tooltipArrowClassName}\n style={width ? { width } : undefined}\n shouldShowOnMount={!defaultDelayOpen}\n position={position}\n animationType={animationType}\n hideDelay={hideDelay}\n showDelay={showDelay}\n hideTrigger={hideTrigger}\n showTrigger={showTrigger}\n content={tooltipContent}\n theme={color === \"inverted\" ? \"dark\" : \"primary\"}\n containerSelector={containerSelector}\n disableDialogSlide={false}\n moveBy={moveBy}\n hideWhenReferenceHidden={hideWhenReferenceHidden}\n tip={tip && !floating}\n modifiers={modifiers}\n open={defaultDelayOpen ? delayedOpen : undefined}\n forceRenderWithoutChildren={floating}\n >\n {children}\n </Tooltip>\n </TipseenWrapper>\n );\n }\n);\n\nexport default withStaticProps(Tipseen, {\n closeButtonThemes: TipseenCloseButtonThemeEnum,\n animationTypes: AnimationTypeEnum,\n hideShowTriggers: HideShowEventEnum,\n colors: TipseenColorEnum,\n positions: TooltipPositionsEnum\n});\n"],"names":["TipseenContext","React","createContext","withStaticProps","forwardRef","_ref","ref","className","id","_ref$position","position","_ref$animationType","animationType","_ref$hideDelay","hideDelay","_ref$showDelay","showDelay","title","titleClassName","hideCloseButton","_ref$closeButtonTheme","closeButtonTheme","onClose","closeAriaLabel","_ref$children","children","content","containerSelector","_ref$hideTrigger","hideTrigger","_ref$showTrigger","showTrigger","width","moveBy","_ref$hideWhenReferenc","hideWhenReferenceHidden","_ref$tip","tip","tooltipArrowClassName","_ref$modifiers","modifiers","_ref$floating","floating","colorProp","color","dataTestId","defaultDelayOpen","Array","isArray","length","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","delayedOpen","setDelayOpen","overrideCloseAriaLabel","TIPSEEN_CLOSE_BUTTON_ARIA_LABEL","useEffect","timeout","setTimeout","clearTimeout","textColor","useMemo","closeButtonColor","ButtonColor","ON_INVERTED_BACKGROUND","ON_PRIMARY_COLOR","TipseenWrapper","Fragment","tooltipContent","createElement","cx","styles","tipseenHeader","IconButton","hideTooltip","tipseenCloseButton","_defineProperty","dark","onClick","size","kind","ariaLabel","icon","CloseSmall","TipseenTitle","text","tipseenTitle","Text","type","element","tipseenContent","Provider","value","getTestId","ComponentDefaultTestId","TIPSEEN","Tooltip","tipseenWrapper","tipseenWrapperWithoutCustomWidth","arrowClassName","style","undefined","shouldShowOnMount","theme","disableDialogSlide","open","forceRenderWithoutChildren","closeButtonThemes","TipseenCloseButtonThemeEnum","animationTypes","AnimationTypeEnum","hideShowTriggers","HideShowEventEnum","colors","TipseenColorEnum","positions","TooltipPositionsEnum"],"mappings":"m/DAoEO,IAAMA,EAAiBC,EAAMC,cAA4B,WAsIjDC,EAAAA,EA9HXC,GACF,SAAAC,EA6BEC,GACE,IA5BAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,SAAAA,OAAW,IAAHD,EAAG,SAAQA,EAAAE,EAAAN,EACnBO,cAAAA,OAAgB,IAAHD,EAAG,SAAQA,EAAAE,EAAAR,EACxBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EACbW,UAAAA,OAAY,IAAHD,EAAG,IAAGA,EACfE,EAAKZ,EAALY,MACAC,EAAcb,EAAda,eACAC,EAAed,EAAfc,gBAAeC,EAAAf,EACfgB,iBAAAA,OAAmB,IAAHD,EAAG,QAAOA,EAC1BE,EAAOjB,EAAPiB,QACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EACfE,EAAOrB,EAAPqB,QACAC,EAAiBtB,EAAjBsB,kBAAiBC,EAAAvB,EACjBwB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EAChB0B,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAK3B,EAAL2B,MACAC,EAAM5B,EAAN4B,OAAMC,EAAA7B,EACN8B,wBAAAA,OAA0B,IAAHD,GAAQA,EAAAE,EAAA/B,EAC/BgC,IAAAA,OAAM,IAAHD,GAAOA,EACVE,GAAqBjC,EAArBiC,sBAAqBC,GAAAlC,EACrBmC,UAAAA,QAAY,IAAHD,GAAG,GAAEA,GAAAE,GAAApC,EACdqC,SAAAA,QAAW,IAAHD,IAAQA,GACTE,GAAStC,EAAhBuC,MACeC,GAAUxC,EAAzB,eAIIuC,GAAQD,SAAAA,GAAa,WAErBG,GACJC,MAAMC,QAAQjB,IAAgBgB,MAAMC,QAAQnB,IAAuC,IAAvBE,EAAYkB,QAAgBjC,EAAY,EAEhGkC,GAAeC,EAAO,MACtBC,GAAYC,EAAY/C,EAAK4C,IACnCI,GAAoCC,GAAUT,IAAiBU,GAAAC,EAAAH,GAAA,GAAxDI,GAAWF,GAAA,GAAEG,GAAYH,GAAA,GAC1BI,GAAyBrC,GAAkBsC,EAEjDC,GAAU,WACR,IAAIC,EAMJ,OALI/C,IACF+C,EAAUC,YAAW,WACnBL,IAAa,EACd,GAAE3C,IAEE,WACLiD,aAAaF,GAEjB,GAAG,CAAC/C,EAAW2C,KAEf,IAAMO,GAAYC,GAAQ,WACxB,MAAiB,aAAVvB,GAAuB,aAAe,WAC/C,GAAG,CAACA,KACEwB,GAAmBD,GAAQ,WAC/B,MAAyB,UAArB9C,EACe,aAAVuB,GAAuByB,EAAYC,uBAAyBD,EAAYE,iBAExElD,CAEX,GAAG,CAACuB,GAAOvB,IAELmD,GAAiBlE,GAAOE,EAAK,MAAQiE,EACrCC,GACJzE,EAAA0E,cAAA,MAAA,KACE1E,EAAA0E,cAAA,MAAA,CAAKpE,UAAWqE,EAAGC,EAAOC,gBACvB3D,EAAkB,KACjBlB,EAAC0E,cAAAI,GACCC,aAAW,EACXzE,UAAWqE,EAAGC,EAAOI,mBAAkBC,EACpCL,CAAAA,EAAAA,EAAOM,KAA4B,SAArB9D,GAAoD,eAArBA,IAEhD+D,QAAS9D,EACT+D,KAAK,KACLC,KAAK,WAEL1C,MAAOwB,GACPmB,UAAW3B,GACX4B,KAAMC,IAGVxF,EAAA0E,cAACe,EAAa,CAAAC,KAAM1E,EAAOV,UAAWqE,EAAGC,EAAOe,aAAc1E,MAEhEjB,EAAC0E,cAAAkB,GAAKjD,MAAOsB,GAAW4B,KAAK,QAAQC,QAAQ,IAAIxF,UAAWqE,EAAGC,EAAOmB,iBACpE/F,EAAA0E,cAAC3E,EAAeiG,SAAQ,CAACC,MAAOtD,IAAQlB,KAK9C,OACEzB,gBAACuE,GAAc,CAAClE,IAAK8C,GAAW5C,GAAIA,EAAiB,cAAAqC,IAAcsD,EAAUC,EAAuBC,QAAS7F,IAC3GP,EAAC0E,cAAA2B,EACC,CAAA/F,UAAWqE,EAAGC,EAAO0B,eAAgBhG,EAAS2E,EAAAA,EAAA,CAAA,EAC3CL,EAAO2B,kCAAoCxE,GAC3C6C,EAAOnC,SAAWA,KAErB+D,eAAgBnE,GAChBoE,MAAO1E,EAAQ,CAAEA,MAAAA,QAAU2E,EAC3BC,mBAAoB9D,GACpBpC,SAAUA,EACVE,cAAeA,EACfE,UAAWA,EACXE,UAAWA,EACXa,YAAaA,EACbE,YAAaA,EACbL,QAASgD,GACTmC,MAAiB,aAAVjE,GAAuB,OAAS,UACvCjB,kBAAmBA,EACnBmF,oBAAoB,EACpB7E,OAAQA,EACRE,wBAAyBA,EACzBE,IAAKA,IAAQK,GACbF,UAAWA,GACXuE,KAAMjE,GAAmBY,QAAciD,EACvCK,2BAA4BtE,IAE3BjB,GAIT,IAGsC,CACtCwF,kBAAmBC,EACnBC,eAAgBC,EAChBC,iBAAkBC,EAClBC,OAAQC,EACRC,UAAWC"}

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

@@ -1,2 +1,2 @@
-var e={tipseenWrapper:"tipseenWrapper_48d7c104b9",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_de54d3d03a",floating:"floating_0c3a88a55a",tipseenHeader:"tipseenHeader_22bb1f552b",tipseenTitle:"tipseenTitle_412f00a783",tipseenContent:"tipseenContent_e866a448ff",tipseenCloseButton:"tipseenCloseButton_64284a4a4d",dark:"dark_c724ed8269"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8b2898f05f4a_3_0_0-alpha_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))}(".tipseenWrapper_48d7c104b9 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapperWithoutCustomWidth_de54d3d03a {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_48d7c104b9.floating_0c3a88a55a {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_48d7c104b9 .tipseenHeader_22bb1f552b {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_48d7c104b9 .tipseenTitle_412f00a783 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_48d7c104b9 .tipseenContent_e866a448ff {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_48d7c104b9 .tipseenCloseButton_64284a4a4d {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_48d7c104b9 .tipseenCloseButton_64284a4a4d.dark_c724ed8269 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_578f1d53d3",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_f2336325bd",floating:"floating_46cfb46383",tipseenHeader:"tipseenHeader_1f54371d3d",tipseenTitle:"tipseenTitle_25c7212938",tipseenContent:"tipseenContent_e467063e7e",tipseenCloseButton:"tipseenCloseButton_efe7a6459a",dark:"dark_cb40da07b3"};!function(e){const t="s_id-8b2898f05f4a_3_0_0-alpha_10";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_578f1d53d3 {\n  min-width: 100px;\n  min-height: 40px;\n  --tooltip-padding: 0;\n  --tooltip-border-radius: var(--border-radius-medium);\n  --tooltip-max-width: initial;\n}\n.tipseenWrapperWithoutCustomWidth_f2336325bd {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_578f1d53d3.floating_46cfb46383 {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_578f1d53d3 .tipseenHeader_1f54371d3d {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_578f1d53d3 .tipseenTitle_25c7212938 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_578f1d53d3 .tipseenContent_e467063e7e {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_578f1d53d3 .tipseenCloseButton_efe7a6459a {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_578f1d53d3 .tipseenCloseButton_efe7a6459a.dark_cb40da07b3 {\n  color: var(--color-asphalt);\n}");export{e as default};
 //# sourceMappingURL=Tipseen.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={buttons:"buttons_794b85a514",dismiss:"dismiss_3ffcf2943a"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-91df242cd10d_3_0_0-alpha_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))}(".buttons_794b85a514 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_3ffcf2943a {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_6382c44117",dismiss:"dismiss_b4ec81d908"};!function(e){const t="s_id-91df242cd10d_3_0_0-alpha_10";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_6382c44117 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_b4ec81d908 {\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=TipseenContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var e={tipseenMedia:"tipseenMedia_d4f2395906",colorInverted:"colorInverted_495d3f3c06"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],r="s_id-71e151b2b729_3_0_0-alpha_0";if(d.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}(".tipseenMedia_d4f2395906 {\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_495d3f3c06 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_56de5d5cbf",colorInverted:"colorInverted_d20865a3db"};!function(e){const d="s_id-71e151b2b729_3_0_0-alpha_10";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_56de5d5cbf {\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_d20865a3db {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map