npm - @vibe/core - Versions diffs - 3.0.0-alpha.4 → 3.0.0-alpha.5 - Mend

@vibe/core 3.0.0-alpha.4 → 3.0.0-alpha.5

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 (2011) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport Sort from \"~~../../Icon~~/~~Icons/components/Sort~~\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"~~../../Icon~~/~~Icons~~\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"~~+OAOM~~,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}
1	+ {"version":3,"file":"tableHelpers.js","sources":["../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import React, { AriaAttributes } from \"react\";\nimport { TableColumn, TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { SkeletonType } from \"../../Skeleton/SkeletonConstants\";\n\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n if (typeof width === \"number\") {\n return `${width}px`;\n } else if (typeof width === \"string\") {\n return /%\|px\|fr$/.test(width) ? width : `${width}px`;\n } else if (width?.min && width?.max) {\n return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n } else {\n return \"minmax(112px, 1fr)\";\n }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n return {\n ...style,\n display: \"grid\",\n gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n if (sortState === \"asc\") {\n return SortAscending;\n } else if (sortState === \"desc\") {\n return SortDescending;\n } else {\n return Sort;\n }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n if (sortState === \"asc\") {\n return \"desc\";\n } else if (sortState === \"desc\") {\n return \"none\";\n } else {\n return \"asc\";\n }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n if (sortState === \"asc\") {\n return \"ascending\";\n }\n if (sortState === \"desc\") {\n return \"descending\";\n }\n return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n if (loadingStateType === \"circle\") {\n return SkeletonType.CIRCLE;\n }\n if (loadingStateType === \"rectangle\") {\n return SkeletonType.RECTANGLE;\n }\n return SkeletonType.TEXT;\n}\n\nexport function getLoadingTypeForCell(\n loadingStateType: TableLoadingStateType,\n rowIndex: number\n): TableLoadingStateType {\n return loadingStateType === \"long-text\"\n ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","SkeletonType","CIRCLE","RECTANGLE","TEXT","getLoadingTypeForCell","rowIndex"],"mappings":"uqCAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACKC,EAAaC,OAEG,cAArBF,EACKC,EAAaE,UAEfF,EAAaG,IACtB,CAEgB,SAAAC,EACdL,EACAM,GAEA,MAA4B,cAArBN,EACF,CAAC,YAAa,eAA2CM,EAAW,GACrEN,CACN"}

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_31e9a0ac85"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-afed3a5f5737_3_0_0-alpha_3";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_31e9a0ac85 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_7da0dc9097"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-afed3a5f5737_3_0_0-alpha_5";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_7da0dc9097 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_920057a3c9",sticky:"sticky_7ea5d4d9f1"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-25789b81dac4_3_0_0-alpha_3";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableCell_920057a3c9 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_920057a3c9.sticky_7ea5d4d9f1 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_eb0985f07d",sticky:"sticky_047048b384"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-25789b81dac4_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableCell_eb0985f07d {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_eb0985f07d.sticky_047048b384 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_31e9a0ac85",longText:"longText_49270ee118",mediumText:"mediumText_c1642731f2",tableCellSkeleton:"tableCellSkeleton_31e9a0ac85",circle:"circle_b4805265cb",rectangle:"rectangle_e31a6e93ea"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],l="s_id-18cab9319884_3_0_0-alpha_3";if(a.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}(".tableCellSkeletonWrapper_31e9a0ac85 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_31e9a0ac85.longText_49270ee118 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_31e9a0ac85.mediumText_c1642731f2 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_31e9a0ac85 .tableCellSkeleton_31e9a0ac85 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_31e9a0ac85 .tableCellSkeleton_31e9a0ac85.circle_b4805265cb, .tableCellSkeletonWrapper_31e9a0ac85 .tableCellSkeleton_31e9a0ac85.rectangle_e31a6e93ea {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_31e9a0ac85 .tableCellSkeleton_31e9a0ac85.circle_b4805265cb, .tableCellSkeletonWrapper_31e9a0ac85 .tableCellSkeleton_31e9a0ac85.rectangle_e31a6e93ea {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_7da0dc9097",longText:"longText_306764e562",mediumText:"mediumText_f0d48573bc",tableCellSkeleton:"tableCellSkeleton_7da0dc9097",circle:"circle_a4502e4304",rectangle:"rectangle_d50f0bea72"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],t="s_id-18cab9319884_3_0_0-alpha_5";if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}(".tableCellSkeletonWrapper_7da0dc9097 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_7da0dc9097.longText_306764e562 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_7da0dc9097.mediumText_f0d48573bc {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.circle_a4502e4304, .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.rectangle_d50f0bea72 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.circle_a4502e4304, .tableCellSkeletonWrapper_7da0dc9097 .tableCellSkeleton_7da0dc9097.rectangle_d50f0bea72 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_909fcb1040",menuContainer:"menuContainer_5cdeaf2d21"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-545d156e3798_3_0_0-alpha_3";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))}(".tableContainer_909fcb1040 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_909fcb1040 .menuContainer_5cdeaf2d21 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_debd859785",menuContainer:"menuContainer_5ffa160fbf"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-545d156e3798_3_0_0-alpha_5";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))}(".tableContainer_debd859785 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_debd859785 .menuContainer_5ffa160fbf {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainerRoot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_535e3fa2de",virtualized:"virtualized_c602897d7e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-124a0873b12c_3_0_0-alpha_3";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))}(".tableHeader_535e3fa2de {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_535e3fa2de > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_535e3fa2de.virtualized_c602897d7e {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_535e3fa2de.virtualized_c602897d7e::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_8f647cb992",virtualized:"virtualized_2ee5d87221"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-124a0873b12c_3_0_0-alpha_5";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))}(".tableHeader_8f647cb992 {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_8f647cb992 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_8f647cb992.virtualized_2ee5d87221 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_8f647cb992.virtualized_2ee5d87221::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as n}from"react";import s from"classnames";import a from"./TableHeaderCell.module.scss.js";import i from"../../Icon/Icon.js";import l from"../../IconButton/IconButton.js";import c from"../../Icon/Icons/components/Info.js";import m from"../../Text/Text.js";import d from"../../Flex/Flex.js";import{getSortIcon as p,getNextSortState as f,getAriaSort as u}from"../Table/tableHelpers.js";import j from"../../Tooltip/Tooltip.js";import{getTestId as E}from"../../../tests/testIds.js";import{ComponentDefaultTestId as b}from"../../../tests/constants.js";import{getStyle as v}from"../../../helpers/typesciptCssModulesHelper.js";var C=r((function(r,C){var x=r.id,I=r.className,T=r["data-testid"],y=r.title,H=r.onSortClicked,L=r.infoContent,N=r.icon,B=r.sortState,g=void 0===B?"none":B,h=r.sortButtonAriaLabel,k=void 0===h?"Sort":h,A=r.sticky,w=n(!1),S=e(w,2),_=S[0],F=S[1],M=u(g),P="none"!==M||_;return o.createElement("div",{ref:C,id:x,className:s(a.tableHeaderCell,t(t({},a.sortActive,H&&"none"!==M),a.sticky,A),I),"data-testid":T||E(b.TABLE_HEADER_CELL,x),role:"columnheader",onMouseOver:function(){return F(!0)},onMouseLeave:function(){return F(!1)},onFocus:function(){return F(!0)},onBlur:function(){return F(!1)},"aria-sort":H?M:void 0,tabIndex:H?0:void 0},o.createElement(d,{direction:"row",align:"center",className:a.tableHeaderCellContent,gap:"xs"},N&&o.createElement(i,{icon:N,className:a.icon}),o.createElement(m,{type:"text2",weight:"medium",color:"secondary"},y),L&&o.createElement(j,{content:L,referenceWrapperClassName:a.infoTooltip},o.createElement(i,{icon:c,iconLabel:L}))),H&&o.createElement(d,{direction:"row",align:"center",className:a.tableHeaderCellSort},o.createElement(l,{icon:p(g),kind:"tertiary",size:"xs",ariaLabel:k,"aria-hidden":!P,className:s(a.sort,v(a,g),t({},a.show,P)),onClick:function(){return H(f(g))}})))}));export{C as default};
+import{slicedToArray as t,defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as i}from"react";import s from"classnames";import n from"./TableHeaderCell.module.scss.js";import a from"../../Icon/Icon.js";import c 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"../../../../icons/dist/react/CloseSmall.js";import"../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../icons/dist/react/DropdownChevronUp.js";import m from"../../../../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 l from"../../Text/Text.js";import d from"../../Flex/Flex.js";import{getSortIcon as p,getNextSortState as j,getAriaSort as f}from"../Table/tableHelpers.js";import u from"../../Tooltip/Tooltip.js";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as h}from"../../../helpers/typesciptCssModulesHelper.js";var g=r((function(r,g){var b=r.id,E=r.className,w=r["data-testid"],A=r.title,N=r.onSortClicked,S=r.infoContent,x=r.icon,L=r.sortState,T=void 0===L?"none":L,y=r.sortButtonAriaLabel,H=void 0===y?"Sort":y,I=r.sticky,k=i(!1),B=t(k,2),D=B[0],M=B[1],_=f(T),R="none"!==_||D;return o.createElement("div",{ref:g,id:b,className:s(n.tableHeaderCell,e(e({},n.sortActive,N&&"none"!==_),n.sticky,I),E),"data-testid":w||v(C.TABLE_HEADER_CELL,b),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":N?_:void 0,tabIndex:N?0:void 0},o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellContent,gap:"xs"},x&&o.createElement(a,{icon:x,className:n.icon}),o.createElement(l,{type:"text2",weight:"medium",color:"secondary"},A),S&&o.createElement(u,{content:S,referenceWrapperClassName:n.infoTooltip},o.createElement(a,{icon:m,iconLabel:S}))),N&&o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellSort},o.createElement(c,{icon:p(T),kind:"tertiary",size:"xs",ariaLabel:H,"aria-hidden":!R,className:s(n.sort,h(n,T),e({},n.show,R)),onClick:function(){return N(j(T))}})))}));export{g as default};
 //# sourceMappingURL=TableHeaderCell.js.map

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_c467cd3929","focus-visible":"focus-visible_c49ba4e3a8",sticky:"sticky_7ea5d4d9f1",sortActive:"sortActive_c6c31b7fb3",tableHeaderCellContent:"tableHeaderCellContent_b88c248acc",icon:"icon_5d7dfd6b80",infoTooltip:"infoTooltip_96e2e7b8ea",tableHeaderCellSort:"tableHeaderCellSort_3a8d69f494",sort:"sort_1e40a998b0",asc:"asc_29339f56fb",desc:"desc_1ca2e61c41",show:"show_041ecd9bcc"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],l="s_id-5b3eed132e11_3_0_0-alpha_3";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))}(".tableHeaderCell_c467cd3929 {\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_c467cd3929:focus-visible, .tableHeaderCell_c467cd3929.focus-visible_c49ba4e3a8 {\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_c467cd3929:focus:not(.focus-visible_c49ba4e3a8) {\n  outline: none;\n}\n.tableHeaderCell_c467cd3929.sticky_7ea5d4d9f1 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_c467cd3929.sticky_7ea5d4d9f1:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_c467cd3929:hover, .tableHeaderCell_c467cd3929.sortActive_c6c31b7fb3 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellContent_b88c248acc {\n  min-width: 0;\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellContent_b88c248acc .icon_5d7dfd6b80 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellContent_b88c248acc .infoTooltip_96e2e7b8ea {\n  display: inline-flex;\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellSort_3a8d69f494 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellSort_3a8d69f494 .sort_1e40a998b0 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellSort_3a8d69f494 .sort_1e40a998b0.asc_29339f56fb, .tableHeaderCell_c467cd3929 .tableHeaderCellSort_3a8d69f494 .sort_1e40a998b0.desc_1ca2e61c41 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_c467cd3929 .tableHeaderCellSort_3a8d69f494 .sort_1e40a998b0:not(.show_041ecd9bcc) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_74fd13ff1f","focus-visible":"focus-visible_16c0de53d9",sticky:"sticky_047048b384",sortActive:"sortActive_24c12610f3",tableHeaderCellContent:"tableHeaderCellContent_ca38de478d",icon:"icon_3c22d88343",infoTooltip:"infoTooltip_99a3ee393b",tableHeaderCellSort:"tableHeaderCellSort_f00111de12",sort:"sort_97ad85fc4a",asc:"asc_46dcae9fd0",desc:"desc_30645eef2d",show:"show_224fc06ded"};!function(e){if("undefined"==typeof document)return;const l=document.head||document.getElementsByTagName("head")[0],a="s_id-5b3eed132e11_3_0_0-alpha_5";if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}(".tableHeaderCell_74fd13ff1f {\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_74fd13ff1f:focus-visible, .tableHeaderCell_74fd13ff1f.focus-visible_16c0de53d9 {\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_74fd13ff1f:focus:not(.focus-visible_16c0de53d9) {\n  outline: none;\n}\n.tableHeaderCell_74fd13ff1f.sticky_047048b384 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_74fd13ff1f.sticky_047048b384:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_74fd13ff1f:hover, .tableHeaderCell_74fd13ff1f.sortActive_24c12610f3 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d {\n  min-width: 0;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d .icon_3c22d88343 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellContent_ca38de478d .infoTooltip_99a3ee393b {\n  display: inline-flex;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a.asc_46dcae9fd0, .tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a.desc_30645eef2d {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_74fd13ff1f .tableHeaderCellSort_f00111de12 .sort_97ad85fc4a:not(.show_224fc06ded) {\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_8f2555f5b4"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],t="s_id-72a799b963ca_3_0_0-alpha_3";if(r.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.appendChild(document.createTextNode(e))}(".tableRow_8f2555f5b4 {\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_8f2555f5b4[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_8f2555f5b4 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_8f2555f5b4:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_8f2555f5b4:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_9bc546231c"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],t="s_id-72a799b963ca_3_0_0-alpha_5";if(r.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(e))}(".tableRow_9bc546231c {\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_9bc546231c[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_9bc546231c > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_9bc546231c:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_9bc546231c: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 n={rowMenuContainer:"rowMenuContainer_ac1d96048c",small:"small_157e5c2bc8",medium:"medium_70084c6470",large:"large_14acfc1dff"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-3e6ad01a6799_3_0_0-alpha_3";if(e.querySelector("#"+a))return;const c=document.createElement("style");c.id=a,e.firstChild?e.insertBefore(c,e.firstChild):e.appendChild(c),c.appendChild(document.createTextNode(n))}(".rowMenuContainer_ac1d96048c {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_ac1d96048c.small_157e5c2bc8 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_ac1d96048c.medium_70084c6470 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_ac1d96048c.large_14acfc1dff {\n  padding-block: 12px;\n}");export{n as default};
+var e={rowMenuContainer:"rowMenuContainer_1adb69d75c",small:"small_e967d5d776",medium:"medium_033177221e",large:"large_4cc9d134e7"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-3e6ad01a6799_3_0_0-alpha_5";if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".rowMenuContainer_1adb69d75c {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_1adb69d75c.small_e967d5d776 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_1adb69d75c.medium_033177221e {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_1adb69d75c.large_4cc9d134e7 {\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_93e27232d5"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-0bce46f13bae_3_0_0-alpha_3";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_93e27232d5 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_f1bffe498e"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-0bce46f13bae_3_0_0-alpha_5";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_f1bffe498e {\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_15e233521e",tabInner:"tabInner_59325bb11f",tabIcon:"tabIcon_d151a2011b",right:"right_e56cf7990e",tabFocusVisibleInset:"tabFocusVisibleInset_3f763af223",active:"active_772c2dafd6",disabled:"disabled_d956871833"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-e9e07df0e1ab_3_0_0-alpha_3";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}('.tabWrapper_15e233521e {\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_15e233521e: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_15e233521e .tabInner_59325bb11f {\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_15e233521e .tabInner_59325bb11f:focus {\n  outline: none;\n}\n\n.tabWrapper_15e233521e .tabInner_59325bb11f .tabIcon_d151a2011b {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_15e233521e .tabInner_59325bb11f .tabIcon_d151a2011b.right_e56cf7990e {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_15e233521e.tabFocusVisibleInset_3f763af223 {\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_15e233521e.active_772c2dafd6:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_15e233521e.disabled_d956871833 .tabInner_59325bb11f {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_15e233521e:not(.disabled_d956871833) .tabInner_59325bb11f:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_36eda5b82a",tabInner:"tabInner_bfd0f87410",tabIcon:"tabIcon_2a7e105be9",right:"right_a4a6ec661b",tabFocusVisibleInset:"tabFocusVisibleInset_0cbc39edcd",active:"active_50a6ecdd83",disabled:"disabled_566e781fec"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-e9e07df0e1ab_3_0_0-alpha_5";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))}('.tabWrapper_36eda5b82a {\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_36eda5b82a: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_36eda5b82a .tabInner_bfd0f87410 {\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_36eda5b82a .tabInner_bfd0f87410:focus {\n  outline: none;\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410 .tabIcon_2a7e105be9 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_36eda5b82a .tabInner_bfd0f87410 .tabIcon_2a7e105be9.right_a4a6ec661b {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_36eda5b82a.tabFocusVisibleInset_0cbc39edcd {\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_36eda5b82a.active_50a6ecdd83:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_36eda5b82a.disabled_566e781fec .tabInner_bfd0f87410 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_36eda5b82a:not(.disabled_566e781fec) .tabInner_bfd0f87410: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 e={tabsWrapper:"tabsWrapper_befbb28ac0",tabsList:"tabsList_b74ff6b1f2",sm:"sm_db183b2665",lg:"lg_5dca814181",stretched:"stretched_0a8cc7540e",tabListTabWrapper:"tabListTabWrapper_edb1077374",tabListTabInner:"tabListTabInner_edb1077374",disabled:"disabled_42fd56209c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],b="s_id-10f1ea92a898_3_0_0-alpha_3";if(t.querySelector("#"+b))return;const a=document.createElement("style");a.id=b,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".tabsWrapper_befbb28ac0 .tabsList_b74ff6b1f2 {\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_befbb28ac0 .tabsList_b74ff6b1f2.sm_db183b2665 {\n  height: 32px;\n}\n\n.tabsWrapper_befbb28ac0 .tabsList_b74ff6b1f2.lg_5dca814181 {\n  height: 48px;\n}\n\n.tabsWrapper_befbb28ac0.stretched_0a8cc7540e .tabsList_b74ff6b1f2 {\n  width: 100%;\n}\n\n.tabsWrapper_befbb28ac0.stretched_0a8cc7540e .tabsList_b74ff6b1f2 .tabListTabWrapper_edb1077374 {\n  width: 100%;\n}\n\n.tabsWrapper_befbb28ac0.stretched_0a8cc7540e .tabsList_b74ff6b1f2 .tabListTabWrapper_edb1077374 .tabListTabInner_edb1077374 {\n  width: 100%;\n}\n\n.tabsWrapper_befbb28ac0.disabled_42fd56209c {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_acd499260c",tabsList:"tabsList_dd6011223e",sm:"sm_e3e1550b00",lg:"lg_b4f25eed68",stretched:"stretched_a1e68798a2",tabListTabWrapper:"tabListTabWrapper_c450989100",tabListTabInner:"tabListTabInner_c450989100",disabled:"disabled_ced89869ce"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-10f1ea92a898_3_0_0-alpha_5";if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}(".tabsWrapper_acd499260c .tabsList_dd6011223e {\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_acd499260c .tabsList_dd6011223e.sm_e3e1550b00 {\n  height: 32px;\n}\n\n.tabsWrapper_acd499260c .tabsList_dd6011223e.lg_b4f25eed68 {\n  height: 48px;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e .tabListTabWrapper_c450989100 {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.stretched_a1e68798a2 .tabsList_dd6011223e .tabListTabWrapper_c450989100 .tabListTabInner_c450989100 {\n  width: 100%;\n}\n\n.tabsWrapper_acd499260c.disabled_ced89869ce {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_1ca2e61c41"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-82244d4a2f7b_3_0_0-alpha_3";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_1ca2e61c41 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_30645eef2d"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],a="s_id-82244d4a2f7b_3_0_0-alpha_5";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_30645eef2d {\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_39cfbe0e09",tabPanel:"tabPanel_2537ed65e6",animationDirectionRtl:"animationDirectionRtl_4f2b0741d3",animationDirectionLtr:"animationDirectionLtr_a20ac5e250",active:"active_9ecf35d832",panelSlideIn:"panelSlideIn_4f8e0ce252"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-078bacbdb1e4_3_0_0-alpha_3";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_39cfbe0e09 .tabPanel_2537ed65e6 {\n  display: none;\n}\n\n.tabPanelsWrapper_39cfbe0e09 .tabPanel_2537ed65e6.animationDirectionRtl_4f2b0741d3 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_39cfbe0e09 .tabPanel_2537ed65e6.animationDirectionLtr_a20ac5e250 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_39cfbe0e09 .tabPanel_2537ed65e6.active_9ecf35d832 {\n  display: block;\n  animation: panelSlideIn_4f8e0ce252 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_4f8e0ce252 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{e as default};
+var a={tabPanelsWrapper:"tabPanelsWrapper_685a4d2f31",tabPanel:"tabPanel_c84a65289d",animationDirectionRtl:"animationDirectionRtl_ac9a5203d5",animationDirectionLtr:"animationDirectionLtr_cfc4737aa3",active:"active_5a4bb6aa22",panelSlideIn:"panelSlideIn_2c74f55a7c"};!function(a){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],e="s_id-078bacbdb1e4_3_0_0-alpha_5";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))}(".tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d {\n  display: none;\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.animationDirectionRtl_ac9a5203d5 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.animationDirectionLtr_cfc4737aa3 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_685a4d2f31 .tabPanel_c84a65289d.active_5a4bb6aa22 {\n  display: block;\n  animation: panelSlideIn_2c74f55a7c var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_2c74f55a7c {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a 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_2012b0d014",text1Medium:"text1Medium_982ca1c4df",text1Normal:"text1Normal_61edcc698e",text2Bold:"text2Bold_5ca4f58355",text2Medium:"text2Medium_afe05e46f1",text2Normal:"text2Normal_f614f87ec0",text3Bold:"text3Bold_d6cef86f47",text3Medium:"text3Medium_8f389613bf",text3Normal:"text3Normal_66bc896513",text:"text_60d15f6ea4"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_3_0_0-alpha_3";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".text1Bold_2012b0d014 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_982ca1c4df {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_61edcc698e {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_5ca4f58355 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_afe05e46f1 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_f614f87ec0 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d6cef86f47 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_8f389613bf {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_66bc896513 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_60d15f6ea4 {\n  margin-block: 0;\n}\n\np.text_60d15f6ea4 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_51ca823fda",text1Medium:"text1Medium_e26963bf9d",text1Normal:"text1Normal_13e03b8931",text2Bold:"text2Bold_23996970a8",text2Medium:"text2Medium_755b21a513",text2Normal:"text2Normal_31cb62d9f4",text3Bold:"text3Bold_fd78fd173c",text3Medium:"text3Medium_cbe0bb969d",text3Normal:"text3Normal_c662f7998d",text:"text_7d65e4727e"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-0b8dab5fe88c_3_0_0-alpha_5";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_51ca823fda {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_e26963bf9d {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_13e03b8931 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_23996970a8 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_755b21a513 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_31cb62d9f4 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_fd78fd173c {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_cbe0bb969d {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c662f7998d {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_7d65e4727e {\n  margin-block: 0;\n}\n\np.text_7d65e4727e + 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_8e4f69977c",label:"label_bcd303a02c",required:"required_14b4413621",helpText:"helpText_092f7afd4d",textArea:"textArea_a40c6fa31e",small:"small_f614f87ec0",large:"large_61edcc698e",resize:"resize_d2bbbfab8c",success:"success_4b371cc296",error:"error_97f01e68bd",disabled:"disabled_14b4413621",readOnly:"readOnly_14b4413621"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-c3a555441acd_3_0_0-alpha_3";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_8e4f69977c {\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_8e4f69977c .label_bcd303a02c {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_8e4f69977c .label_bcd303a02c.required_14b4413621::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_8e4f69977c .helpText_092f7afd4d {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_8e4f69977c .textArea_a40c6fa31e {\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_8e4f69977c .textArea_a40c6fa31e:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_8e4f69977c .textArea_a40c6fa31e:active, .textAreaWrapper_8e4f69977c .textArea_a40c6fa31e:focus, .textAreaWrapper_8e4f69977c .textArea_a40c6fa31e:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_8e4f69977c .textArea_a40c6fa31e.small_f614f87ec0 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_8e4f69977c .textArea_a40c6fa31e.large_61edcc698e {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_8e4f69977c .textArea_a40c6fa31e:not(.resize_d2bbbfab8c) {\n  resize: none;\n}\n.textAreaWrapper_8e4f69977c.success_4b371cc296 .textArea_a40c6fa31e {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_8e4f69977c.success_4b371cc296 .helpText_092f7afd4d {\n  color: var(--color-success);\n}\n.textAreaWrapper_8e4f69977c.error_97f01e68bd .textArea_a40c6fa31e {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_8e4f69977c.error_97f01e68bd .helpText_092f7afd4d {\n  color: var(--color-error);\n}\n.textAreaWrapper_8e4f69977c.disabled_14b4413621 .textArea_a40c6fa31e,\n.textAreaWrapper_8e4f69977c.disabled_14b4413621 .textArea_a40c6fa31e:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_8e4f69977c.disabled_14b4413621 .helpText_092f7afd4d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_8e4f69977c.readOnly_14b4413621 .textArea_a40c6fa31e,\n.textAreaWrapper_8e4f69977c.readOnly_14b4413621 .textArea_a40c6fa31e:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_deea8f8817",label:"label_2d73293a32",required:"required_f6781d46e8",helpText:"helpText_2ffc3025f6",textArea:"textArea_c2c1f1361f",small:"small_31cb62d9f4",large:"large_13e03b8931",resize:"resize_2e251e6390",success:"success_a0ce12e30f",error:"error_10f090ee89",disabled:"disabled_f6781d46e8",readOnly:"readOnly_f6781d46e8"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-c3a555441acd_3_0_0-alpha_5";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_deea8f8817 {\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_deea8f8817 .label_2d73293a32 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_deea8f8817 .label_2d73293a32.required_f6781d46e8::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817 .helpText_2ffc3025f6 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f {\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_deea8f8817 .textArea_c2c1f1361f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:active, .textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:focus, .textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f.small_31cb62d9f4 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f.large_13e03b8931 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_deea8f8817 .textArea_c2c1f1361f:not(.resize_2e251e6390) {\n  resize: none;\n}\n.textAreaWrapper_deea8f8817.success_a0ce12e30f .textArea_c2c1f1361f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_deea8f8817.success_a0ce12e30f .helpText_2ffc3025f6 {\n  color: var(--color-success);\n}\n.textAreaWrapper_deea8f8817.error_10f090ee89 .textArea_c2c1f1361f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817.error_10f090ee89 .helpText_2ffc3025f6 {\n  color: var(--color-error);\n}\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .textArea_c2c1f1361f,\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .textArea_c2c1f1361f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_deea8f8817.disabled_f6781d46e8 .helpText_2ffc3025f6 {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_deea8f8817.readOnly_f6781d46e8 .textArea_c2c1f1361f,\n.textAreaWrapper_deea8f8817.readOnly_f6781d46e8 .textArea_c2c1f1361f: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 n={textField:"textField_4cf87646a5",labelWrapper:"labelWrapper_edb1077374",subTextContainer:"subTextContainer_d24ef238ea",counter:"counter_31c00027fe",disabled:"disabled_5df2f944ac",icon:"icon_e14fa7a861",inputWrapper:"inputWrapper_e14fa7a861",input:"input_fdd6b8ba3b",iconContainer:"iconContainer_52e81cacc1",iconContainerHasIcon:"iconContainerHasIcon_8f510bfa2d",readOnly:"readOnly_f9dfc0255d",inputHover:"inputHover_01cfaa617e",inputActive:"inputActive_e4d96299de",inputHasIcon:"inputHasIcon_780edb3bdf",round:"round_6caec47025",square:"square_f9f9599fa0",onlyUnderline:"onlyUnderline_cf5b66f35d",tooltipContainer:"tooltipContainer_83bacc210c",wrapperSizeMedium:"wrapperSizeMedium_e00432bc6a",wrapperSizeLarge:"wrapperSizeLarge_5dca814181",iconContainerActive:"iconContainerActive_779be7530a",iconContainerClickable:"iconContainerClickable_b6fd640705",inputErrorValidation:"inputErrorValidation_8f510bfa2d",subTextContainerStatus:"subTextContainerStatus_8f587582af",inputSuccessValidation:"inputSuccessValidation_5934d95193",wrapperSizeSmall:"wrapperSizeSmall_db183b2665",inputWrapperSizeSmall:"inputWrapperSizeSmall_be01ccab6a",loaderContainer:"loaderContainer_238d69ea3b",loaderContainerHasIcon:"loaderContainerHasIcon_cedc69d3d3",loader:"loader_ada231741e",loaderSvg:"loaderSvg_092f7afd4d"};!function(n){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],e="s_id-bf094fee8204_3_0_0-alpha_3";if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}(".textField_4cf87646a5 {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_4cf87646a5 * {\n  box-sizing: border-box;\n}\n\n.textField_4cf87646a5 .labelWrapper_edb1077374 {\n  width: 100%;\n}\n\n.textField_4cf87646a5 .subTextContainer_d24ef238ea {\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_4cf87646a5 .subTextContainer_d24ef238ea .counter_31c00027fe {\n  margin-left: auto;\n}\n\n.textField_4cf87646a5.disabled_5df2f944ac .icon_e14fa7a861 {\n  cursor: not-allowed;\n}\n\n.textField_4cf87646a5.disabled_5df2f944ac .inputWrapper_e14fa7a861 {\n  cursor: not-allowed;\n}\n\n.textField_4cf87646a5.disabled_5df2f944ac .inputWrapper_e14fa7a861 .input_fdd6b8ba3b {\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_4cf87646a5.disabled_5df2f944ac .inputWrapper_e14fa7a861 .input_fdd6b8ba3b::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_4cf87646a5.disabled_5df2f944ac .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerHasIcon_8f510bfa2d:hover {\n  background-color: transparent;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b {\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_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.readOnly_f9dfc0255d {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.inputHover_01cfaa617e {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b:focus,\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b:active,\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.inputActive_e4d96299de {\n  border-color: var(--primary-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.inputHasIcon_780edb3bdf {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.round_6caec47025 {\n  border-radius: 50px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.square_f9f9599fa0 {\n  border-radius: 0;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .input_fdd6b8ba3b.onlyUnderline_cf5b66f35d {\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_4cf87646a5 .inputWrapper_e14fa7a861 .tooltipContainer_83bacc210c {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .tooltipContainer_83bacc210c {\n  width: 40px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .tooltipContainer_83bacc210c {\n  width: 46px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1 {\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_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1 {\n  -webkit-appearance: none;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerActive_779be7530a.iconContainerHasIcon_8f510bfa2d.iconContainerClickable_b6fd640705 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerActive_779be7530a.iconContainerHasIcon_8f510bfa2d:not(.iconContainerClickable_b6fd640705) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerActive_779be7530a {\n  opacity: 1;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerActive_779be7530a .icon_e14fa7a861 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerHasIcon_8f510bfa2d.iconContainerClickable_b6fd640705:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1.iconContainerHasIcon_8f510bfa2d.iconContainerClickable_b6fd640705:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1 .icon_e14fa7a861 {\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_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d:hover .input_fdd6b8ba3b {\n  border-color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d .input_fdd6b8ba3b {\n  border-color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d .input_fdd6b8ba3b:focus,\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d .input_fdd6b8ba3b:active {\n  border-color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d .iconContainer_52e81cacc1 .icon_e14fa7a861:hover {\n  color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputErrorValidation_8f510bfa2d + .subTextContainer_d24ef238ea .subTextContainerStatus_8f587582af {\n  color: var(--negative-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193:hover .input_fdd6b8ba3b {\n  border-color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 .input_fdd6b8ba3b {\n  border-color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 .input_fdd6b8ba3b:focus,\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 .input_fdd6b8ba3b:active {\n  border-color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 .iconContainer_52e81cacc1 .icon_e14fa7a861:hover {\n  color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.inputSuccessValidation_5934d95193 + .subTextContainer_d24ef238ea .subTextContainerStatus_8f587582af {\n  color: var(--positive-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeSmall_db183b2665 {\n  height: 32px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeSmall_db183b2665 .input_fdd6b8ba3b {\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_4cf87646a5 .inputWrapper_e14fa7a861.inputWrapperSizeSmall_be01ccab6a .input_fdd6b8ba3b.inputHasIcon_780edb3bdf.onlyUnderline_cf5b66f35d {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a {\n  height: 40px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .input_fdd6b8ba3b {\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_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .input_fdd6b8ba3b.inputHasIcon_780edb3bdf {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .input_fdd6b8ba3b.inputHasIcon_780edb3bdf.onlyUnderline_cf5b66f35d {\n  padding-left: 4px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .iconContainer_52e81cacc1 {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  font-size: 16px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .iconContainer_52e81cacc1:hover + .iconContainer_52e81cacc1 + .input_fdd6b8ba3b {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 {\n  height: 48px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .input_fdd6b8ba3b {\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_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .input_fdd6b8ba3b.inputHasIcon_780edb3bdf {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .input_fdd6b8ba3b.inputHasIcon_780edb3bdf.onlyUnderline_cf5b66f35d {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .iconContainer_52e81cacc1 {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  font-size: 16px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861:hover .input_fdd6b8ba3b {\n  border-color: var(--primary-text-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .loaderContainer_238d69ea3b {\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_4cf87646a5 .inputWrapper_e14fa7a861 .loaderContainer_238d69ea3b.loaderContainerHasIcon_cedc69d3d3 {\n  right: 32px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .loaderContainer_238d69ea3b .loader_ada231741e {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .loaderContainer_238d69ea3b .loader_ada231741e .loaderSvg_092f7afd4d {\n  color: var(--secondary-text-color);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861 .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  font-family: var(--font-family);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeMedium_e00432bc6a .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  font-family: var(--font-family);\n}\n\n.textField_4cf87646a5 .inputWrapper_e14fa7a861.wrapperSizeLarge_5dca814181 .iconContainer_52e81cacc1 .icon_e14fa7a861 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
+var n={textField:"textField_e433bd7deb",labelWrapper:"labelWrapper_c450989100",subTextContainer:"subTextContainer_9a431a153d",counter:"counter_5fd7a902b0",disabled:"disabled_5f04d52467",icon:"icon_394acc2736",inputWrapper:"inputWrapper_394acc2736",input:"input_32937d7090",iconContainer:"iconContainer_efb92aa01d",iconContainerHasIcon:"iconContainerHasIcon_29497df0c9",readOnly:"readOnly_61abacf1c4",inputHover:"inputHover_8168c5e2e2",inputActive:"inputActive_ebaf3a3936",inputHasIcon:"inputHasIcon_db845d4763",round:"round_0bdc13971b",square:"square_8d1febb233",onlyUnderline:"onlyUnderline_6795d3e349",tooltipContainer:"tooltipContainer_5b7846db70",wrapperSizeMedium:"wrapperSizeMedium_cb957938f5",wrapperSizeLarge:"wrapperSizeLarge_b4f25eed68",iconContainerActive:"iconContainerActive_2a59a65a42",iconContainerClickable:"iconContainerClickable_13946948c9",inputErrorValidation:"inputErrorValidation_29497df0c9",subTextContainerStatus:"subTextContainerStatus_3253b34ac7",inputSuccessValidation:"inputSuccessValidation_6e669fa51f",wrapperSizeSmall:"wrapperSizeSmall_e3e1550b00",inputWrapperSizeSmall:"inputWrapperSizeSmall_09470c53b3",loaderContainer:"loaderContainer_f4d1557309",loaderContainerHasIcon:"loaderContainerHasIcon_7865a9e7eb",loader:"loader_0f65381425",loaderSvg:"loaderSvg_2ffc3025f6"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-bf094fee8204_3_0_0-alpha_5";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".textField_e433bd7deb {\n  position: relative;\n  box-sizing: border-box;\n  font: var(--font-text2-normal);\n  width: 100%;\n}\n\n.textField_e433bd7deb * {\n  box-sizing: border-box;\n}\n\n.textField_e433bd7deb .labelWrapper_c450989100 {\n  width: 100%;\n}\n\n.textField_e433bd7deb .subTextContainer_9a431a153d {\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_e433bd7deb .subTextContainer_9a431a153d .counter_5fd7a902b0 {\n  margin-left: auto;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .icon_394acc2736 {\n  cursor: not-allowed;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 {\n  cursor: not-allowed;\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .input_32937d7090 {\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_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .input_32937d7090::placeholder {\n  color: var(--disabled-text-color);\n}\n\n.textField_e433bd7deb.disabled_5f04d52467 .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9:hover {\n  background-color: transparent;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 {\n  width: 100%;\n  position: relative;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090 {\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_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.readOnly_61abacf1c4 {\n  background-color: var(--allgrey-background-color);\n  border: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputHover_8168c5e2e2 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090:active,\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputActive_ebaf3a3936 {\n  border-color: var(--primary-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.round_0bdc13971b {\n  border-radius: 50px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.square_8d1febb233 {\n  border-radius: 0;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .input_32937d7090.onlyUnderline_6795d3e349 {\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_e433bd7deb .inputWrapper_394acc2736 .tooltipContainer_5b7846db70 {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 32px;\n  height: 20px;\n  transform: translateY(-50%);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .tooltipContainer_5b7846db70 {\n  width: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .tooltipContainer_5b7846db70 {\n  width: 46px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d {\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_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d {\n  -webkit-appearance: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9 {\n  pointer-events: all;\n  cursor: pointer;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42.iconContainerHasIcon_29497df0c9:not(.iconContainerClickable_13946948c9) {\n  pointer-events: none;\n  cursor: default;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42 {\n  opacity: 1;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerActive_2a59a65a42 .icon_394acc2736 {\n  opacity: 1;\n  pointer-events: all;\n  transform: rotate(0) scale(1);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d.iconContainerHasIcon_29497df0c9.iconContainerClickable_13946948c9:active {\n  transform: translateY(-50%) scale(0.9);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d .icon_394acc2736 {\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_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9:hover .input_32937d7090 {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090 {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .input_32937d7090:active {\n  border-color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .iconContainer_efb92aa01d .icon_394acc2736 {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 .iconContainer_efb92aa01d .icon_394acc2736:hover {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputErrorValidation_29497df0c9 + .subTextContainer_9a431a153d .subTextContainerStatus_3253b34ac7 {\n  color: var(--negative-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f:hover .input_32937d7090 {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090 {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090:focus,\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .input_32937d7090:active {\n  border-color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .iconContainer_efb92aa01d .icon_394acc2736 {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f .iconContainer_efb92aa01d .icon_394acc2736:hover {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.inputSuccessValidation_6e669fa51f + .subTextContainer_9a431a153d .subTextContainerStatus_3253b34ac7 {\n  color: var(--positive-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeSmall_e3e1550b00 {\n  height: 32px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeSmall_e3e1550b00 .input_32937d7090 {\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_e433bd7deb .inputWrapper_394acc2736.inputWrapperSizeSmall_09470c53b3 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 {\n  height: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090 {\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_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: 4px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d {\n  pointer-events: none;\n  height: 32px;\n  width: 32px;\n  outline: none;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-size: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d:hover + .iconContainer_efb92aa01d + .input_32937d7090 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 {\n  height: 48px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090 {\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_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090.inputHasIcon_db845d4763 {\n  padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-medium);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .input_32937d7090.inputHasIcon_db845d4763.onlyUnderline_6795d3e349 {\n  padding-left: var(--spacing-xs);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d {\n  height: 40px;\n  width: 40px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-size: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736:hover .input_32937d7090 {\n  border-color: var(--primary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 {\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_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309.loaderContainerHasIcon_7865a9e7eb {\n  right: 32px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 .loader_0f65381425 {\n  width: 16px;\n  height: 16px;\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .loaderContainer_f4d1557309 .loader_0f65381425 .loaderSvg_2ffc3025f6 {\n  color: var(--secondary-text-color);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeMedium_cb957938f5 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.textField_e433bd7deb .inputWrapper_394acc2736.wrapperSizeLarge_b4f25eed68 .iconContainer_efb92aa01d .icon_394acc2736 {\n  font-family: var(--font-family);\n}\n\n.dark-app-theme input[type=date]::-webkit-calendar-picker-indicator, .black-app-theme input[type=date]::-webkit-calendar-picker-indicator, .hacker_theme-app-theme input[type=date]::-webkit-calendar-picker-indicator,\n.dark-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.black-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator,\n.hacker_theme-app-theme input[type=datetime-local]::-webkit-calendar-picker-indicator {\n  filter: invert(1);\n}");export{n as default};
 //# sourceMappingURL=TextField.module.scss.js.map

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

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

package/dist/src/components/Tipseen/Tipseen.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_a4d940569e",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_13b7454c35",floating:"floating_5aa671f52a",tipseenHeader:"tipseenHeader_fcf816c21b",tipseenTitle:"tipseenTitle_1c41dd1a07",tipseenContent:"tipseenContent_2ddb205eaf",tipseenCloseButton:"tipseenCloseButton_1db611475f",dark:"dark_08846de355"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8b2898f05f4a_3_0_0-alpha_3";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_a4d940569e {\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_13b7454c35 {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_a4d940569e.floating_5aa671f52a {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_a4d940569e .tipseenHeader_fcf816c21b {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_a4d940569e .tipseenTitle_1c41dd1a07 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_a4d940569e .tipseenContent_2ddb205eaf {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_a4d940569e .tipseenCloseButton_1db611475f {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_a4d940569e .tipseenCloseButton_1db611475f.dark_08846de355 {\n  color: var(--color-asphalt);\n}");export{e as default};
+var e={tipseenWrapper:"tipseenWrapper_e19eafd166",tipseenWrapperWithoutCustomWidth:"tipseenWrapperWithoutCustomWidth_6f13f089ec",floating:"floating_98fdacc59f",tipseenHeader:"tipseenHeader_28f18307e4",tipseenTitle:"tipseenTitle_0c2015acc3",tipseenContent:"tipseenContent_0cd1952603",tipseenCloseButton:"tipseenCloseButton_69573e80fc",dark:"dark_d3c3918b3e"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8b2898f05f4a_3_0_0-alpha_5";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_e19eafd166 {\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_6f13f089ec {\n  --tooltip-max-width: 320px;\n}\n.tipseenWrapper_e19eafd166.floating_98fdacc59f {\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  margin-bottom: var(--spacing-medium);\n  margin-right: var(--spacing-medium);\n}\n.tipseenWrapper_e19eafd166 .tipseenHeader_28f18307e4 {\n  display: flex;\n  justify-content: flex-start;\n}\n.tipseenWrapper_e19eafd166 .tipseenTitle_0c2015acc3 {\n  padding: var(--spacing-medium) var(--spacing-xl) 0 var(--spacing-medium);\n}\n.tipseenWrapper_e19eafd166 .tipseenContent_0cd1952603 {\n  margin: 0;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.tipseenWrapper_e19eafd166 .tipseenCloseButton_69573e80fc {\n  position: absolute;\n  top: var(--spacing-small);\n  right: var(--spacing-small);\n  z-index: 2;\n}\n.tipseenWrapper_e19eafd166 .tipseenCloseButton_69573e80fc.dark_d3c3918b3e {\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_c9b42cba64"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-e688002d63b5_3_0_0-alpha_3";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))}(".tipseenBasicContent_c9b42cba64 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_c9b42cba64:not(:first-child) {\n  padding-top: 12px;\n}");export{e as default};
+var e={tipseenBasicContent:"tipseenBasicContent_be8eac6223"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-e688002d63b5_3_0_0-alpha_5";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))}(".tipseenBasicContent_be8eac6223 {\n  padding: var(--spacing-medium) 20px var(--spacing-large) 20px;\n  display: flex;\n  flex-direction: column;\n}\n.tipseenBasicContent_be8eac6223: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_217441bf1a",dismiss:"dismiss_f82ea076ba"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-91df242cd10d_3_0_0-alpha_3";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_217441bf1a {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_f82ea076ba {\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={buttons:"buttons_be4f5c85c3",dismiss:"dismiss_b6ef56805d"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-91df242cd10d_3_0_0-alpha_5";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_be4f5c85c3 {\n  margin-top: 20px;\n  display: flex;\n  justify-content: flex-end;\n}\n\n.dismiss_b6ef56805d {\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_b90a519bdb"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_3_0_0-alpha_3";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenImage_b90a519bdb {\n  object-fit: cover;\n  width: 100%;\n}");export{e as default};
+var e={tipseenImage:"tipseenImage_3f6c9c03b9"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5a749fe7aaee_3_0_0-alpha_5";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenImage_3f6c9c03b9 {\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_a79d65fa16",colorInverted:"colorInverted_9c03bdf075"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],r="s_id-71e151b2b729_3_0_0-alpha_3";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_a79d65fa16 {\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_9c03bdf075 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
+var e={tipseenMedia:"tipseenMedia_848687a09a",colorInverted:"colorInverted_8618c6fe11"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],n="s_id-71e151b2b729_3_0_0-alpha_5";if(r.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,r.firstChild?r.insertBefore(d,r.firstChild):r.appendChild(d),d.appendChild(document.createTextNode(e))}(".tipseenMedia_848687a09a {\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_8618c6fe11 {\n  border-color: var(--inverted-color-background);\n}");export{e as default};
 //# sourceMappingURL=TipseenMedia.module.scss.js.map

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

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

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

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