@heliux-org/design-system-core 0.0.317-testBuild → 0.0.318-ibrahim

package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_317-test";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n as default};
+var n={stickyHeader:"stickyHeader",tableHeader:"tableHeader",filterButtonContainer:"filterButtonContainer",filterBox:"filterBox",globalFilterContainer:"globalFilterContainer",globalFilterInput:"globalFilterInput",globalFilterInputHidden:"globalFilterInputHidden",globalFilterInputVisible:"globalFilterInputVisible",closeButton:"closeButton"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-c4e6a42a7aa0_0_0_318-ibrahim";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".stickyHeader {\n  background-color: var(--surface-level-100);\n  position: sticky;\n  top: 0;\n  z-index: 1;\n}\n\n.tableHeader {\n  margin-bottom: 10px;\n  padding-top: 10px;\n}\n\n.filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px -250px;\n  display: flex;\n  gap: 5px;\n}\n\n.globalFilterContainer {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.globalFilterInput {\n  transition: width 0.3s ease, opacity 0.3s ease;\n  width: 0;\n  opacity: 0;\n  overflow: hidden;\n}\n\n.globalFilterInputHidden {\n  width: 0;\n}\n\n.globalFilterInputVisible {\n  width: 200px;\n  opacity: 1;\n}\n\n.closeButton {\n  position: absolute;\n  top: 4px;\n  right: 8px;\n  bottom: 0;\n  margin: auto;\n  width: 24px;\n}");export{n as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js

@@ -1,2 +1,2 @@
-var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-6f323e5d5c95_0_0_317-test";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))}(".iconButtonTransitionStyles {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles {\n  transform: rotate(-90deg);\n}");export{t as default};
+var t={iconButtonTransitionStyles:"iconButtonTransitionStyles",rotatedStyles:"rotatedStyles"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-6f323e5d5c95_0_0_318-ibrahim";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))}(".iconButtonTransitionStyles {\n  transition: transform 150ms ease-in-out;\n}\n\n.rotatedStyles {\n  transform: rotate(-90deg);\n}");export{t as default};
 //# sourceMappingURL=ToggleExpandedIcon.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js

@@ -1,2 +1,2 @@
-var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8aacca428089_0_0_317-test";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  gap: 16px;\n}\n.baseStyles > div:first-child {\n  justify-content: flex-start;\n}\n.baseStyles > div:last-child {\n  justify-content: flex-end;\n}\n.flexSectionStyles {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
+var e={baseStyles:"baseStyles",flexSectionStyles:"flexSectionStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-8aacca428089_0_0_318-ibrahim";if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}(".baseStyles {\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  gap: 16px;\n}\n.baseStyles > div:first-child {\n  justify-content: flex-start;\n}\n.baseStyles > div:last-child {\n  justify-content: flex-end;\n}\n.flexSectionStyles {\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\nselect {\n  background-color: var(--surface-level-050);\n  border: none;\n  border-radius: 4px;\n  color: var(--text-primary);\n}\nselect:hover {\n  background-color: var(--surface-level-200);\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Pagination.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"@emotion/react/jsx-runtime";import{useState as i,useRef as l,useCallback as r,useEffect as a,useMemo as c}from"react";import{useVirtual as s}from"react-virtual";import{getCoreRowModel as u,getSortedRowModel as d,getPaginationRowModel as g,useReactTable as f}from"@tanstack/react-table";import h from"lodash/omit";import{TableHeaderCheckbox as m}from"./TableHeaderCheckbox.js";import{TableRowCheckbox as v}from"./TableRowCheckbox.js";import w from"../../../Icon/Icons/components/Settings.js";import R from"../../../IconButton/IconButton.js";import b from"../ToggleExpandedIcon/ToggleExpandedIcon.js";import S from"../../../Dialog/Dialog.js";import p from"../../../DialogContentContainer/DialogContentContainer.js";import C from"../../../Checkbox/Checkbox.js";import I from"../../../ListItem/ListItem.js";var x=function(x){var j=x.containerRef,O=x.data,M=x.columns,y=x.hasSelectableRows,z=x.withPagination,T=void 0!==z&&z,k=x.useVirtualScrolling,E=void 0!==k&&k,A=x.allowSelectAll,L=void 0===A||A,P=x.allowSelectSingle,D=void 0!==P&&P,_=x.onSelect,B=x.virtualizerOptions,H=x.initiallySelectedRowIds,V=void 0===H?[]:H,F=x.onRowSelectionChange,U=x.columnManager,K=void 0!==U&&U,X=x.isExpandable,N=void 0!==X&&X,q=x.hoverIcon,G=x.selectCurrentPageOnly,J=void 0!==G&&G,Q=x.onUnselectAll,W=x.initialState,Y=x.initialLoadCount,Z=void 0===Y?20:Y,$=x.loadMoreCount,ee=void 0===$?10:$,ne=x.onLoadMore,te=x.infiniteScrolling,oe=void 0!==te&&te,ie=x.autoResetPageIndex,le=void 0===ie||ie,re=x.selectAllRows,ae=void 0!==re&&re,ce=t(x,["containerRef","data","columns","hasSelectableRows","withPagination","useVirtualScrolling","allowSelectAll","allowSelectSingle","onSelect","virtualizerOptions","initiallySelectedRowIds","onRowSelectionChange","columnManager","isExpandable","hoverIcon","selectCurrentPageOnly","onUnselectAll","initialState","initialLoadCount","loadMoreCount","onLoadMore","infiniteScrolling","autoResetPageIndex","selectAllRows"]),se=i({}),ue=e(se,2),de=ue[0],ge=ue[1],fe=i(null),he=e(fe,2),me=he[0],ve=he[1],we=i(!1),Re=e(we,2),be=Re[0],Se=Re[1],pe=i([]),Ce=e(pe,2),Ie=Ce[0],xe=Ce[1],je=i(!1),Oe=e(je,2),Me=Oe[0],ye=Oe[1],ze=i(!1),Te=e(ze,2),ke=Te[0],Ee=Te[1],Ae=l(null),Le=l(!1),Pe=l({}),De=l([]),_e=l(null),Be=l(null),He=r((function(e,n){var t,o;return y&&null!==(o=null===(t=e.id)||void 0===t?void 0:""+t)&&void 0!==o?o:""+n}),[y]);a((function(){!Le.current&&y&&(Pe.current=V.reduce((function(e,n){return e[""+n]=!0,e}),{}),Le.current=!0)}),[V,y]);var Ve=r((function(){var e=O.reduce((function(e,n,t){return e[He(n,t)]=!0,e}),{});ge(e)}),[O,He]);a((function(){Le.current&&(ae&&y?Ve():ge(Pe.current))}),[Le.current]),a((function(){xe(oe?O.slice(0,Z):O)}),[O,oe,Z]),a((function(){O!==De.current&&y&&(ge(de),De.current=O)}),[O,He,y]),a((function(){ae&&y&&Ve()}),[ae,y,O,He]);var Fe={id:"select",size:14,header:m,cell:v},Ue=c((function(){return M.some((function(e){return!!e.enableSorting}))}),[M]),Ke=L?Fe:h(Fe,"header"),Xe={id:"expander",size:30,header:function(){return null},cell:function(e){var n=e.row;return n.getCanExpand()?o(b,{isExpanded:n.getIsExpanded(),toggleExpanded:function(){return n.toggleExpanded()},disabled:!1}):null}},Ne={id:"hoverIcon",size:30,sticky:"right",header:function(){return null},cell:function(e){return o("span",Object.assign({style:{display:"block",height:"100%"}},{children:me===e.row.index&&q}))}},qe=c((function(){var e=M.filter((function(e){return"left"===e.sticky})),t=M.filter((function(e){return"right"===e.sticky})),i=0,l=0;return[].concat(n(y?[Ke]:[]),n(N?[Xe]:[]),n(M.map((function(n,o){var r,a,c,s=Object.assign(Object.assign({},n),{align:null!==(r=n.align)&&void 0!==r?r:"left",enableSorting:null!==(a=n.enableSorting)&&void 0!==a&&a,isResizable:null!==(c=n.isResizable)&&void 0!==c&&c,cell:n.cell||function(e){return(0,e.getValue)()}});return"left"===n.sticky?(s.left=i,i+=n.size,s.isLastStickyLeft=o===e.length-1):"right"===n.sticky&&(s.right=(l+=n.size)-n.size,s.isFirstStickyRight=o===M.length-t.length),s})).map((function(e,n,o){return"right"===e.sticky&&(e.isFirstStickyRight=n===o.length-t.length),e}))),[q?Ne:null],n(K?[{id:"columnManager",size:20,header:function(){var e;return o(S,Object.assign({showTrigger:[S.hideShowTriggers.CLICK],hideTrigger:[S.hideShowTriggers.CLICK_OUTSIDE],position:S.positions.BOTTOM_END,open:ke,content:o(p,{children:on.getAllLeafColumns().slice(0,-1).map((function(e,n){return o(I,{children:o(C,{checked:e.getIsVisible(),label:e.columnDef.header||e.id,onChange:e.getToggleVisibilityHandler(),"aria-labelledby":"iui-column-".concat(e.id)})},"".concat(e.id,"-").concat(n))}))},"small"),onDialogDidHide:function(){return Ee(!1)}},{children:o(R,{ariaLabel:"Customize",size:null===(e=null==R?void 0:R.sizes)||void 0===e?void 0:e.XXS,icon:w,ref:Ae,onClick:function(){return Ee(!0)}})}))},cell:function(){return null}}]:[])).filter(Boolean)}),[M,y,Ke,K,N,q,ke]),Ge=i("onChange"),Je=e(Ge,2),Qe=Je[0],We=i("ltr"),Ye=e(We,2),Ze=Ye[0],$e=function(e){if(y){var n=Object.assign({},Pe.current),t=J?on.getPageRows():on.getPreFilteredRowModel().rows,o=null!=e?e:!on.getIsAllRowsSelected();t.forEach((function(e){n[e.id]=o})),ge(n)}},en=function(){y&&(ge({}),Pe.current={},null==Q||Q())},nn=r((function(){oe&&!Me&&O.length>Ie.length&&(ye(!0),setTimeout((function(){xe((function(e){var t=O.slice(e.length,e.length+ee);return e.length+t.length>=O.length&&_e.current&&_e.current.disconnect(),[].concat(n(e),n(t))})),ye(!1),ne&&ne()}),500))}),[oe,Me,O,ee,ne,Ie.length]);a((function(){return oe&&Be.current&&(_e.current=new IntersectionObserver((function(e){e[0].isIntersecting&&nn()}),{threshold:.1}),_e.current.observe(Be.current)),function(){_e.current&&_e.current.disconnect()}}),[oe,nn]);var tn=Object.assign({data:Ie,columns:qe,getCoreRowModel:u(),getRowCanExpand:function(e){var n;return!!e.original.renderExpandedContent||!!(null===(n=e.subRows)||void 0===n?void 0:n.length)},enableExpanding:!0,enableSortingRemoval:!!Ue||void 0,getSubRows:function(e){return e.subRows},getSortedRowModel:d(),getPaginationRowModel:T?g():void 0,initialState:W||void 0,columnResizeMode:Qe,columnResizeDirection:Ze,autoResetPageIndex:le},ce);y&&(tn.getRowId=He,tn.state={rowSelection:de},tn.onRowSelectionChange=ge);var on=f(tn);on.toggleAllRowsSelected=$e,on.unselectAllRows=en;var ln=on.getCoreRowModel().rows,rn=(on.getPaginationRowModel(),s(Object.assign({parentRef:j,size:ln.length,overscan:30},B)));return a((function(){if(F&&y){var e=O.filter((function(e,n){return de[He(e,n)]}));F(e)}}),[de,O,F,He,y]),Object.assign(Object.assign(Object.assign(Object.assign({},on),{handleRowClick:function(e){D&&(null==_||_(e.original))},toggleAllRowsSelected:$e,unselectAllRows:en}),E&&{virtualRows:rn.virtualItems,totalSize:rn.totalSize,scrollToIndex:rn.scrollToIndex,scrollToOffset:rn.scrollToOffset,measure:rn.measure}),{hasSelectableRows:y,showColumnManager:be,setShowColumnManager:Se,columnManagerRef:Ae,setHoveredRow:ve,isLoading:Me,loadedData:Ie,loadMoreTriggerRef:Be,infiniteScrolling:oe,loadMoreRows:nn})};export{x as default};
+import{slicedToArray as e,toConsumableArray as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../../_virtual/_tslib.js";import{jsx as o}from"@emotion/react/jsx-runtime";import{useState as i,useRef as l,useCallback as r,useEffect as a,useMemo as c}from"react";import{useVirtual as s}from"react-virtual";import{getCoreRowModel as u,getSortedRowModel as d,getPaginationRowModel as g,useReactTable as f}from"@tanstack/react-table";import h from"lodash/omit";import{TableHeaderCheckbox as m}from"./TableHeaderCheckbox.js";import{TableRowCheckbox as v}from"./TableRowCheckbox.js";import w from"../../../Icon/Icons/components/Settings.js";import R from"../../../IconButton/IconButton.js";import b from"../ToggleExpandedIcon/ToggleExpandedIcon.js";import S from"../../../Dialog/Dialog.js";import p from"../../../DialogContentContainer/DialogContentContainer.js";import C from"../../../Checkbox/Checkbox.js";import I from"../../../ListItem/ListItem.js";var x=function(x){var j=x.containerRef,O=x.data,y=x.columns,M=x.hasSelectableRows,T=x.withPagination,z=void 0!==T&&T,k=x.useVirtualScrolling,A=void 0!==k&&k,E=x.allowSelectAll,L=void 0===E||E,P=x.allowSelectSingle,D=void 0!==P&&P,_=x.onSelect,B=x.virtualizerOptions,H=x.initiallySelectedRowIds,V=void 0===H?[]:H,F=x.onRowSelectionChange,U=x.columnManager,K=void 0!==U&&U,X=x.isExpandable,G=void 0!==X&&X,N=x.hoverIcon,q=x.selectCurrentPageOnly,J=void 0!==q&&q,Q=x.onUnselectAll,W=x.initialState,Y=x.initialLoadCount,Z=void 0===Y?20:Y,$=x.loadMoreCount,ee=void 0===$?10:$,ne=x.onLoadMore,te=x.infiniteScrolling,oe=void 0!==te&&te,ie=x.autoResetPageIndex,le=void 0===ie||ie,re=x.selectAllRows,ae=void 0!==re&&re,ce=t(x,["containerRef","data","columns","hasSelectableRows","withPagination","useVirtualScrolling","allowSelectAll","allowSelectSingle","onSelect","virtualizerOptions","initiallySelectedRowIds","onRowSelectionChange","columnManager","isExpandable","hoverIcon","selectCurrentPageOnly","onUnselectAll","initialState","initialLoadCount","loadMoreCount","onLoadMore","infiniteScrolling","autoResetPageIndex","selectAllRows"]);console.log("--------------useLeafyGreenTable--------------");var se=i({}),ue=e(se,2),de=ue[0],ge=ue[1],fe=i(null),he=e(fe,2),me=he[0],ve=he[1],we=i(!1),Re=e(we,2),be=Re[0],Se=Re[1],pe=i([]),Ce=e(pe,2),Ie=Ce[0],xe=Ce[1],je=i(!1),Oe=e(je,2),ye=Oe[0],Me=Oe[1],Te=i(!1),ze=e(Te,2),ke=ze[0],Ae=ze[1],Ee=l(null),Le=l(!1),Pe=l({}),De=l([]),_e=l(null),Be=l(null),He=r((function(e,n){var t,o;return M&&null!==(o=null===(t=e.id)||void 0===t?void 0:""+t)&&void 0!==o?o:""+n}),[M]);a((function(){!Le.current&&M&&(Pe.current=V.reduce((function(e,n){return e[""+n]=!0,e}),{}),Le.current=!0)}),[V,M]);var Ve=r((function(){var e=O.reduce((function(e,n,t){return e[He(n,t)]=!0,e}),{});ge(e)}),[O,He]);a((function(){Le.current&&(ae&&M?Ve():ge(Pe.current))}),[Le.current]),a((function(){xe(oe?O.slice(0,Z):O)}),[O,oe,Z]),a((function(){O!==De.current&&M&&(ge(de),De.current=O)}),[O,He,M]),a((function(){ae&&M&&Ve()}),[ae,M,O,He]);var Fe={id:"select",size:14,header:m,cell:v},Ue=c((function(){return y.some((function(e){return!!e.enableSorting}))}),[y]),Ke=L?Fe:h(Fe,"header"),Xe={id:"expander",size:30,header:function(){return null},cell:function(e){var n=e.row;return n.getCanExpand()?o(b,{isExpanded:n.getIsExpanded(),toggleExpanded:function(){return n.toggleExpanded()},disabled:!1}):null}},Ge={id:"hoverIcon",size:30,sticky:"right",header:function(){return null},cell:function(e){return o("span",Object.assign({style:{display:"block",height:"100%"}},{children:me===e.row.index&&N}))}},Ne=c((function(){var e=y.filter((function(e){return"left"===e.sticky})),t=y.filter((function(e){return"right"===e.sticky})),i=0,l=0;return[].concat(n(M?[Ke]:[]),n(G?[Xe]:[]),n(y.map((function(n,o){var r,a,c,s=Object.assign(Object.assign({},n),{align:null!==(r=n.align)&&void 0!==r?r:"left",enableSorting:null!==(a=n.enableSorting)&&void 0!==a&&a,isResizable:null!==(c=n.isResizable)&&void 0!==c&&c,cell:n.cell||function(e){return(0,e.getValue)()}});return"left"===n.sticky?(s.left=i,i+=n.size,s.isLastStickyLeft=o===e.length-1):"right"===n.sticky&&(s.right=(l+=n.size)-n.size,s.isFirstStickyRight=o===y.length-t.length),s})).map((function(e,n,o){return"right"===e.sticky&&(e.isFirstStickyRight=n===o.length-t.length),e}))),[N?Ge:null],n(K?[{id:"columnManager",size:20,header:function(){var e;return o(S,Object.assign({showTrigger:[S.hideShowTriggers.CLICK],hideTrigger:[S.hideShowTriggers.CLICK_OUTSIDE],position:S.positions.BOTTOM_END,open:ke,content:o(p,{children:on.getAllLeafColumns().slice(0,-1).map((function(e,n){return o(I,{children:o(C,{checked:e.getIsVisible(),label:e.columnDef.header||e.id,onChange:e.getToggleVisibilityHandler(),"aria-labelledby":"iui-column-".concat(e.id)})},"".concat(e.id,"-").concat(n))}))},"small"),onDialogDidHide:function(){return Ae(!1)}},{children:o(R,{ariaLabel:"Customize",size:null===(e=null==R?void 0:R.sizes)||void 0===e?void 0:e.XXS,icon:w,ref:Ee,onClick:function(){return Ae(!0)}})}))},cell:function(){return null}}]:[])).filter(Boolean)}),[y,M,Ke,K,G,N,ke]),qe=i("onChange"),Je=e(qe,2),Qe=Je[0],We=i("ltr"),Ye=e(We,2),Ze=Ye[0],$e=function(e){if(console.log("toggleAllRowsSelected: ",e),M){var n=Object.assign({},Pe.current),t=J?on.getPageRows():on.getPreFilteredRowModel().rows,o=null!=e?e:!on.getIsAllRowsSelected();t.forEach((function(e){n[e.id]=o})),ge(n)}},en=function(){M&&(ge({}),Pe.current={},null==Q||Q())},nn=r((function(){oe&&!ye&&O.length>Ie.length&&(Me(!0),setTimeout((function(){xe((function(e){var t=O.slice(e.length,e.length+ee);return e.length+t.length>=O.length&&_e.current&&_e.current.disconnect(),[].concat(n(e),n(t))})),Me(!1),ne&&ne()}),500))}),[oe,ye,O,ee,ne,Ie.length]);a((function(){return oe&&Be.current&&(_e.current=new IntersectionObserver((function(e){e[0].isIntersecting&&nn()}),{threshold:.1}),_e.current.observe(Be.current)),function(){_e.current&&_e.current.disconnect()}}),[oe,nn]);var tn=Object.assign({data:Ie,columns:Ne,getCoreRowModel:u(),getRowCanExpand:function(e){var n;return!!e.original.renderExpandedContent||!!(null===(n=e.subRows)||void 0===n?void 0:n.length)},enableExpanding:!0,enableSortingRemoval:!!Ue||void 0,getSubRows:function(e){return e.subRows},getSortedRowModel:d(),getPaginationRowModel:z?g():void 0,initialState:W||void 0,columnResizeMode:Qe,columnResizeDirection:Ze,autoResetPageIndex:le},ce);M&&(tn.getRowId=He,tn.state={rowSelection:de},tn.onRowSelectionChange=ge);var on=f(tn);on.toggleAllRowsSelected=$e,on.unselectAllRows=en;var ln=on.getCoreRowModel().rows,rn=(on.getPaginationRowModel(),s(Object.assign({parentRef:j,size:ln.length,overscan:30},B)));return a((function(){if(F&&M){var e=O.filter((function(e,n){return de[He(e,n)]}));F(e)}}),[de,O,F,He,M]),Object.assign(Object.assign(Object.assign(Object.assign({},on),{handleRowClick:function(e){D&&(null==_||_(e.original))},toggleAllRowsSelected:$e,unselectAllRows:en}),A&&{virtualRows:rn.virtualItems,totalSize:rn.totalSize,scrollToIndex:rn.scrollToIndex,scrollToOffset:rn.scrollToOffset,measure:rn.measure}),{hasSelectableRows:M,showColumnManager:be,setShowColumnManager:Se,columnManagerRef:Ee,setHoveredRow:ve,isLoading:ye,loadedData:Ie,loadMoreTriggerRef:Be,infiniteScrolling:oe,loadMoreRows:nn})};export{x as default};
 //# sourceMappingURL=useLeafyGreenTable.js.map

package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLeafyGreenTable.js","sources":["../../../../../../../src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.tsx"],"sourcesContent":["//@ts-nocheck\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState, useCallback } from \"react\";\nimport { useVirtual } from \"react-virtual\";\nimport { useReactTable, ColumnResizeMode, ColumnResizeDirection } from \"@tanstack/react-table\";\nimport { getCoreRowModel, getPaginationRowModel, getSortedRowModel, Row } from \"@tanstack/react-table\";\nimport omit from \"lodash/omit\";\nimport { TableHeaderCheckbox } from \"./TableHeaderCheckbox\";\nimport { TableRowCheckbox } from \"./TableRowCheckbox\";\nimport { LeafyGreenTableOptions, LGRowData } from \"./useLeafyGreenTable.types\";\nimport { LeafyGreenTable, LGColumnDef, LGTableDataType } from \".\";\nimport Settings from \"../../../Icon/Icons/components/Settings\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport ToggleExpandedIcon from \"../ToggleExpandedIcon\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport List from \"../../../List/List\";\nimport DialogContentContainer from \"../../../DialogContentContainer/DialogContentContainer\";\nimport Checkbox from \"../../../Checkbox/Checkbox\";\nimport ListItem from \"../../../ListItem/ListItem\";\n\nconst CHECKBOX_WIDTH = 14;\n\nconst useLeafyGreenTable = <T extends LGRowData, V extends unknown = unknown>({\n  containerRef,\n  data,\n  columns: columnsProp,\n  hasSelectableRows,\n  withPagination = false,\n  useVirtualScrolling = false,\n  allowSelectAll = true,\n  allowSelectSingle = false,\n  onSelect,\n  virtualizerOptions,\n  initiallySelectedRowIds = [],\n  onRowSelectionChange,\n  columnManager = false,\n  isExpandable = false,\n  hoverIcon,\n  selectCurrentPageOnly = false,\n  onUnselectAll,\n  initialState,\n  initialLoadCount = 20, \n  loadMoreCount = 10, \n  onLoadMore, \n  infiniteScrolling = false,\n  autoResetPageIndex = true,\n  selectAllRows = false,\n  ...rest\n}: LeafyGreenTableOptions<T, V>): LeafyGreenTable<T> => {\n  const [rowSelection, setRowSelection] = useState<{ [key: string]: boolean }>({});\n  const [hoveredRow, setHoveredRow] = useState<number | null>(null);\n  const [showColumnManager, setShowColumnManager] = useState(false);\n  const [loadedData, setLoadedData] = useState<T[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n\n  const columnManagerRef = useRef<HTMLButtonElement>(null);\n  const isInitialSetupDone = useRef(false);\n  const initialSelectionRef = useRef<{ [key: string]: boolean }>({});\n  const previousDataRef = useRef<T[]>([]);\n  const observerRef = useRef<IntersectionObserver | null>(null);\n  const loadMoreTriggerRef = useRef<HTMLDivElement | null>(null);\n\n  const getRowId = useCallback((row: T, index: number) => {\n    if (hasSelectableRows) {\n      return row.id?.toString() ?? index.toString();\n    }\n    return index.toString();\n  }, [hasSelectableRows]);\n\n  useEffect(() => {\n    if (!isInitialSetupDone.current && hasSelectableRows) {\n      initialSelectionRef.current = initiallySelectedRowIds.reduce((acc, id) => {\n        acc[id.toString()] = true;\n        return acc;\n      }, {});\n      isInitialSetupDone.current = true;\n    }\n  }, [initiallySelectedRowIds, hasSelectableRows]);\n\n  const selectAllTableRows = useCallback(() => {\n    const allSelected = data.reduce((acc, row, index) => {\n      acc[getRowId(row, index)] = true;\n      return acc;\n    }, {});\n\n    setRowSelection(allSelected);\n  }, [data, getRowId]);\n\n  useEffect(() => {\n    if (isInitialSetupDone.current) {\n      if (selectAllRows && hasSelectableRows)\n        selectAllTableRows();\n      else\n        setRowSelection(initialSelectionRef.current);\n    }\n  }, [isInitialSetupDone.current]);\n\n  useEffect(() => {\n    setLoadedData(infiniteScrolling ? data.slice(0, initialLoadCount) : data);\n  }, [data, infiniteScrolling, initialLoadCount]);\n\n  useEffect(() => {\n    if (data !== previousDataRef.current && hasSelectableRows) {\n      setRowSelection(rowSelection);\n      previousDataRef.current = data;\n    }\n  }, [data, getRowId, hasSelectableRows]);\n\n  useEffect(() => {\n    if (selectAllRows && hasSelectableRows) {\n      selectAllTableRows();\n    }\n  }, [selectAllRows, hasSelectableRows, data, getRowId]);\n\n  const baseSelectColumnConfig: LGColumnDef<T, V> = {\n    id: \"select\",\n    size: CHECKBOX_WIDTH,\n    header: TableHeaderCheckbox,\n    cell: TableRowCheckbox,\n  };\n\n  const handleRowClick = (row: Row<T>) => {\n    if (allowSelectSingle) {\n      const selectedRowData = row.original;\n      onSelect?.(selectedRowData);\n    }\n  };\n\n  const hasSortableColumns = useMemo(() => columnsProp.some((propCol) => !!propCol.enableSorting), [columnsProp]);\n\n  const selectColumnConfig = allowSelectAll ? baseSelectColumnConfig : omit(baseSelectColumnConfig, \"header\");\n\n  const expandColumnConfig: LGColumnDef<T, V> = {\n    id: \"expander\",\n    size: 30,\n    header: () => null,\n    cell: ({ row }) => {\n      const isExpandable = row.getCanExpand();\n      return isExpandable ? (\n        <ToggleExpandedIcon\n          isExpanded={row.getIsExpanded()}\n          toggleExpanded={() => row.toggleExpanded()}\n          disabled={false}\n        />\n      ) : null;\n    },\n  };\n\n  const hoverIconConfig: LGColumnDef<T, V> = {\n    id: \"hoverIcon\",\n    size: 30,\n    sticky: \"right\",\n    header: () => null,\n    cell: ({ row }) => (\n      <span style={{ display: \"block\", height: \"100%\" }}>\n        {hoveredRow === row.index && hoverIcon}\n      </span>\n    ),\n  };\n\n  const columns = useMemo<Array<LGColumnDef<T, V>>>(() => {\n    const stickyLeftColumns = columnsProp.filter((col) => col.sticky === \"left\");\n    const stickyRightColumns = columnsProp.filter((col) => col.sticky === \"right\");\n\n    let leftOffset = 0;\n    let rightOffset = 0;\n\n    return [\n      ...(hasSelectableRows ? [selectColumnConfig as LGColumnDef<T, V>] : []),\n      ...(isExpandable ? [expandColumnConfig] : []),\n      ...columnsProp\n        .map((propColumn, index) => {\n          const newColumn = {\n            ...propColumn,\n            align: propColumn.align ?? \"left\",\n            enableSorting: propColumn.enableSorting ?? false,\n            isResizable: propColumn.isResizable ?? false,\n            cell: propColumn.cell || (({ getValue }) => getValue()),\n          };\n\n          if (propColumn.sticky === \"left\") {\n            newColumn.left = leftOffset;\n            leftOffset += propColumn.size;\n            newColumn.isLastStickyLeft = index === stickyLeftColumns.length - 1;\n          } else if (propColumn.sticky === \"right\") {\n            rightOffset += propColumn.size;\n            newColumn.right = rightOffset - propColumn.size;\n            newColumn.isFirstStickyRight = index === columnsProp.length - stickyRightColumns.length;\n          }\n\n          return newColumn;\n        })\n        .map((column, index, columns) => {\n          if (column.sticky === \"right\") {\n            column.isFirstStickyRight = index === columns.length - stickyRightColumns.length;\n          }\n          return column;\n        }),\n      hoverIcon ? hoverIconConfig : null,\n      ...(columnManager\n        ? [\n            {\n              id: \"columnManager\",\n              size: 20,\n              header: () => (\n                <Dialog\n                  showTrigger={[Dialog.hideShowTriggers.CLICK]}\n                  hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n                  position={Dialog.positions.BOTTOM_END}\n                  open={isDialogOpen}\n                  content={\n                    <DialogContentContainer key=\"small\">\n                      {table.getAllLeafColumns().slice(0, -1).map((column, index) => (\n                        <ListItem key={`${column.id}-${index}`}>\n                          <Checkbox\n                            checked={column.getIsVisible()}\n                            label={column.columnDef.header as string || column.id}\n                            onChange={column.getToggleVisibilityHandler()}\n                            aria-labelledby={`iui-column-${column.id}`}\n                          />\n                        </ListItem>\n                      ))}\n                    </DialogContentContainer>          \n                  }\n                  onDialogDidHide={() => setIsDialogOpen(false)}\n                >\n                  <IconButton\n                    ariaLabel=\"Customize\"\n                    size={IconButton?.sizes?.XXS}\n                    icon={Settings}\n                    ref={columnManagerRef}\n                    onClick={() => setIsDialogOpen(true)}\n                  />\n                </Dialog>\n              ),\n              cell: () => null,\n            },\n          ]\n        : []),\n    ].filter(Boolean);\n  }, [columnsProp, hasSelectableRows, selectColumnConfig, columnManager, isExpandable, hoverIcon, isDialogOpen]);\n\n  const [columnResizeMode, setColumnResizeMode] = useState<ColumnResizeMode>(\"onChange\");\n  const [columnResizeDirection, setColumnResizeDirection] = useState<ColumnResizeDirection>(\"ltr\");\n\n  const toggleAllRowsSelected = (value?: boolean) => {\n    if (!hasSelectableRows) return;\n\n    const newSelection = { ...initialSelectionRef.current };\n    const rowsToSelect = selectCurrentPageOnly ? table.getPageRows() : table.getPreFilteredRowModel().rows;\n\n    const setTo = value ?? !table.getIsAllRowsSelected();\n    rowsToSelect.forEach((row) => {\n      newSelection[row.id] = setTo;\n    });\n\n    setRowSelection(newSelection);\n  };\n\n  const unselectAllRows = () => {\n    if (!hasSelectableRows) return;\n\n    setRowSelection({});\n    initialSelectionRef.current = {};\n    onUnselectAll?.();\n  };\n\n  const loadMoreRows = useCallback(() => {\n    if (!infiniteScrolling || isLoading || loadedData.length >= data.length) return;\n    setIsLoading(true);\n    setTimeout(() => {\n      setLoadedData((prevData) => {\n        const nextData = data.slice(prevData.length, prevData.length + loadMoreCount);\n        if (prevData.length + nextData.length >= data.length && observerRef.current) {\n          observerRef.current.disconnect();\n        }\n\n        return [...prevData, ...nextData];\n      });\n      setIsLoading(false);\n      if (onLoadMore) {\n        onLoadMore();\n      }\n    }, 500);\n  }, [infiniteScrolling, isLoading, data, loadMoreCount, onLoadMore, loadedData.length]);\n\n  useEffect(() => {\n    if (infiniteScrolling && loadMoreTriggerRef.current) {\n      observerRef.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0].isIntersecting) {\n            loadMoreRows();\n          }\n        },\n        { threshold: 0.1 }\n      );\n\n      observerRef.current.observe(loadMoreTriggerRef.current);\n    }\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n    };\n  }, [infiniteScrolling, loadMoreRows]);\n\n  const tableOptions = {\n    data: loadedData,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowCanExpand: (row) => !!row.original.renderExpandedContent || !!row.subRows?.length,\n    enableExpanding: true,\n    enableSortingRemoval: hasSortableColumns ? true : undefined,\n    getSubRows: (row) => row.subRows,\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: withPagination ? getPaginationRowModel() : undefined,\n    initialState: initialState ? initialState : undefined,\n    columnResizeMode,\n    columnResizeDirection,\n    autoResetPageIndex,\n    ...rest,\n  };\n\n  if (hasSelectableRows) {\n    tableOptions.getRowId = getRowId;\n    tableOptions.state = { rowSelection };\n    tableOptions.onRowSelectionChange = setRowSelection;\n  }\n\n  const table = useReactTable<LGTableDataType<T>>(tableOptions);\n\n  table.toggleAllRowsSelected = toggleAllRowsSelected;\n  table.unselectAllRows = unselectAllRows;\n\n  const { rows } = table.getCoreRowModel();\n  const { rows: paginationRows } = table.getPaginationRowModel();\n  const _rowVirtualizer = useVirtual({\n    parentRef: containerRef,\n    size: rows.length,\n    overscan: 30,\n    ...virtualizerOptions,\n  });\n\n  useEffect(() => {\n    if (onRowSelectionChange && hasSelectableRows) {\n      const selectedRows = data.filter((row, index) => rowSelection[getRowId(row, index)]);\n      onRowSelectionChange(selectedRows);\n    }\n  }, [rowSelection, data, onRowSelectionChange, getRowId, hasSelectableRows]);\n\n  return {\n    ...table,\n    handleRowClick,\n    toggleAllRowsSelected, \n    unselectAllRows, \n    ...(useVirtualScrolling && {\n      virtualRows: _rowVirtualizer.virtualItems,\n      totalSize: _rowVirtualizer.totalSize,\n      scrollToIndex: _rowVirtualizer.scrollToIndex,\n      scrollToOffset: _rowVirtualizer.scrollToOffset,\n      measure: _rowVirtualizer.measure,\n    }),\n    hasSelectableRows,\n    showColumnManager,\n    setShowColumnManager,\n    columnManagerRef,\n    setHoveredRow,\n    isLoading,\n    loadedData,\n    loadMoreTriggerRef,\n    infiniteScrolling,\n    loadMoreRows,\n  } as LeafyGreenTable<T>;\n};\n\nexport default useLeafyGreenTable;\n"],"names":["useLeafyGreenTable","_a","containerRef","data","columnsProp","columns","hasSelectableRows","_a$withPagination","withPagination","_a$useVirtualScrollin","useVirtualScrolling","_a$allowSelectAll","allowSelectAll","_a$allowSelectSingle","allowSelectSingle","onSelect","virtualizerOptions","_a$initiallySelectedR","initiallySelectedRowIds","onRowSelectionChange","_a$columnManager","columnManager","_a$isExpandable","isExpandable","hoverIcon","_a$selectCurrentPageO","selectCurrentPageOnly","onUnselectAll","initialState","_a$initialLoadCount","initialLoadCount","_a$loadMoreCount","loadMoreCount","onLoadMore","_a$infiniteScrolling","infiniteScrolling","_a$autoResetPageIndex","autoResetPageIndex","_a$selectAllRows","selectAllRows","rest","__rest","_useState","useState","_useState2","_slicedToArray","rowSelection","setRowSelection","_useState3","_useState4","hoveredRow","setHoveredRow","_useState5","_useState6","showColumnManager","setShowColumnManager","_useState7","_useState8","loadedData","setLoadedData","_useState9","_useState10","isLoading","setIsLoading","_useState11","_useState12","isDialogOpen","setIsDialogOpen","columnManagerRef","useRef","isInitialSetupDone","initialSelectionRef","previousDataRef","observerRef","loadMoreTriggerRef","getRowId","useCallback","row","index","_b","id","useEffect","current","reduce","acc","selectAllTableRows","allSelected","slice","baseSelectColumnConfig","size","header","TableHeaderCheckbox","cell","TableRowCheckbox","hasSortableColumns","useMemo","some","propCol","enableSorting","selectColumnConfig","omit","expandColumnConfig","_ref","getCanExpand","_jsx","ToggleExpandedIcon","isExpanded","getIsExpanded","toggleExpanded","disabled","hoverIconConfig","sticky","_ref2","Object","assign","style","display","height","children","stickyLeftColumns","filter","col","stickyRightColumns","leftOffset","rightOffset","concat","_toConsumableArray","map","propColumn","newColumn","align","isResizable","_c","_ref3","getValue","left","isLastStickyLeft","length","right","isFirstStickyRight","column","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","position","positions","BOTTOM_END","open","content","DialogContentContainer","table","getAllLeafColumns","ListItem","Checkbox","checked","getIsVisible","label","columnDef","onChange","getToggleVisibilityHandler","onDialogDidHide","IconButton","ariaLabel","sizes","XXS","icon","Settings","ref","onClick","Boolean","_useState13","_useState14","columnResizeMode","_useState15","_useState16","columnResizeDirection","toggleAllRowsSelected","value","newSelection","rowsToSelect","getPageRows","getPreFilteredRowModel","rows","setTo","getIsAllRowsSelected","forEach","unselectAllRows","loadMoreRows","setTimeout","prevData","nextData","disconnect","IntersectionObserver","entries","isIntersecting","threshold","observe","tableOptions","getCoreRowModel","getRowCanExpand","original","renderExpandedContent","subRows","enableExpanding","enableSortingRemoval","undefined","getSubRows","getSortedRowModel","getPaginationRowModel","state","useReactTable","_rowVirtualizer","useVirtual","parentRef","overscan","selectedRows","handleRowClick","virtualRows","virtualItems","totalSize","scrollToIndex","scrollToOffset","measure"],"mappings":"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"}
+{"version":3,"file":"useLeafyGreenTable.js","sources":["../../../../../../../src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.tsx"],"sourcesContent":["//@ts-nocheck\nimport { useEffect, useLayoutEffect, useMemo, useRef, useState, useCallback } from \"react\";\nimport { useVirtual } from \"react-virtual\";\nimport { useReactTable, ColumnResizeMode, ColumnResizeDirection } from \"@tanstack/react-table\";\nimport { getCoreRowModel, getPaginationRowModel, getSortedRowModel, Row } from \"@tanstack/react-table\";\nimport omit from \"lodash/omit\";\nimport { TableHeaderCheckbox } from \"./TableHeaderCheckbox\";\nimport { TableRowCheckbox } from \"./TableRowCheckbox\";\nimport { LeafyGreenTableOptions, LGRowData } from \"./useLeafyGreenTable.types\";\nimport { LeafyGreenTable, LGColumnDef, LGTableDataType } from \".\";\nimport Settings from \"../../../Icon/Icons/components/Settings\";\nimport IconButton from \"../../../IconButton/IconButton\";\nimport ToggleExpandedIcon from \"../ToggleExpandedIcon\";\nimport Dialog from \"../../../Dialog/Dialog\";\nimport List from \"../../../List/List\";\nimport DialogContentContainer from \"../../../DialogContentContainer/DialogContentContainer\";\nimport Checkbox from \"../../../Checkbox/Checkbox\";\nimport ListItem from \"../../../ListItem/ListItem\";\n\nconst CHECKBOX_WIDTH = 14;\n\nconst useLeafyGreenTable = <T extends LGRowData, V extends unknown = unknown>({\n  containerRef,\n  data,\n  columns: columnsProp,\n  hasSelectableRows,\n  withPagination = false,\n  useVirtualScrolling = false,\n  allowSelectAll = true,\n  allowSelectSingle = false,\n  onSelect,\n  virtualizerOptions,\n  initiallySelectedRowIds = [],\n  onRowSelectionChange,\n  columnManager = false,\n  isExpandable = false,\n  hoverIcon,\n  selectCurrentPageOnly = false,\n  onUnselectAll,\n  initialState,\n  initialLoadCount = 20, \n  loadMoreCount = 10, \n  onLoadMore, \n  infiniteScrolling = false,\n  autoResetPageIndex = true,\n  selectAllRows = false,\n  ...rest\n}: LeafyGreenTableOptions<T, V>): LeafyGreenTable<T> => {\n  console.log(\"--------------useLeafyGreenTable--------------\");\n\n  const [rowSelection, setRowSelection] = useState<{ [key: string]: boolean }>({});\n  const [hoveredRow, setHoveredRow] = useState<number | null>(null);\n  const [showColumnManager, setShowColumnManager] = useState(false);\n  const [loadedData, setLoadedData] = useState<T[]>([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [isDialogOpen, setIsDialogOpen] = useState(false);\n\n  const columnManagerRef = useRef<HTMLButtonElement>(null);\n  const isInitialSetupDone = useRef(false);\n  const initialSelectionRef = useRef<{ [key: string]: boolean }>({});\n  const previousDataRef = useRef<T[]>([]);\n  const observerRef = useRef<IntersectionObserver | null>(null);\n  const loadMoreTriggerRef = useRef<HTMLDivElement | null>(null);\n\n  const getRowId = useCallback((row: T, index: number) => {\n    if (hasSelectableRows) {\n      return row.id?.toString() ?? index.toString();\n    }\n    return index.toString();\n  }, [hasSelectableRows]);\n\n  useEffect(() => {\n    if (!isInitialSetupDone.current && hasSelectableRows) {\n      initialSelectionRef.current = initiallySelectedRowIds.reduce((acc, id) => {\n        acc[id.toString()] = true;\n        return acc;\n      }, {});\n      isInitialSetupDone.current = true;\n    }\n  }, [initiallySelectedRowIds, hasSelectableRows]);\n\n  const selectAllTableRows = useCallback(() => {\n    const allSelected = data.reduce((acc, row, index) => {\n      acc[getRowId(row, index)] = true;\n      return acc;\n    }, {});\n\n    setRowSelection(allSelected);\n  }, [data, getRowId]);\n\n  useEffect(() => {\n    if (isInitialSetupDone.current) {\n      if (selectAllRows && hasSelectableRows)\n        selectAllTableRows();\n      else\n        setRowSelection(initialSelectionRef.current);\n    }\n  }, [isInitialSetupDone.current]);\n\n  useEffect(() => {\n    setLoadedData(infiniteScrolling ? data.slice(0, initialLoadCount) : data);\n  }, [data, infiniteScrolling, initialLoadCount]);\n\n  useEffect(() => {\n    if (data !== previousDataRef.current && hasSelectableRows) {\n      setRowSelection(rowSelection);\n      previousDataRef.current = data;\n    }\n  }, [data, getRowId, hasSelectableRows]);\n\n  useEffect(() => {\n    if (selectAllRows && hasSelectableRows) {\n      selectAllTableRows();\n    }\n  }, [selectAllRows, hasSelectableRows, data, getRowId]);\n\n  const baseSelectColumnConfig: LGColumnDef<T, V> = {\n    id: \"select\",\n    size: CHECKBOX_WIDTH,\n    header: TableHeaderCheckbox,\n    cell: TableRowCheckbox,\n  };\n\n  const handleRowClick = (row: Row<T>) => {\n    if (allowSelectSingle) {\n      const selectedRowData = row.original;\n      onSelect?.(selectedRowData);\n    }\n  };\n\n  const hasSortableColumns = useMemo(() => columnsProp.some((propCol) => !!propCol.enableSorting), [columnsProp]);\n\n  const selectColumnConfig = allowSelectAll ? baseSelectColumnConfig : omit(baseSelectColumnConfig, \"header\");\n\n  const expandColumnConfig: LGColumnDef<T, V> = {\n    id: \"expander\",\n    size: 30,\n    header: () => null,\n    cell: ({ row }) => {\n      const isExpandable = row.getCanExpand();\n      return isExpandable ? (\n        <ToggleExpandedIcon\n          isExpanded={row.getIsExpanded()}\n          toggleExpanded={() => row.toggleExpanded()}\n          disabled={false}\n        />\n      ) : null;\n    },\n  };\n\n  const hoverIconConfig: LGColumnDef<T, V> = {\n    id: \"hoverIcon\",\n    size: 30,\n    sticky: \"right\",\n    header: () => null,\n    cell: ({ row }) => (\n      <span style={{ display: \"block\", height: \"100%\" }}>\n        {hoveredRow === row.index && hoverIcon}\n      </span>\n    ),\n  };\n\n  const columns = useMemo<Array<LGColumnDef<T, V>>>(() => {\n    const stickyLeftColumns = columnsProp.filter((col) => col.sticky === \"left\");\n    const stickyRightColumns = columnsProp.filter((col) => col.sticky === \"right\");\n\n    let leftOffset = 0;\n    let rightOffset = 0;\n\n    return [\n      ...(hasSelectableRows ? [selectColumnConfig as LGColumnDef<T, V>] : []),\n      ...(isExpandable ? [expandColumnConfig] : []),\n      ...columnsProp\n        .map((propColumn, index) => {\n          const newColumn = {\n            ...propColumn,\n            align: propColumn.align ?? \"left\",\n            enableSorting: propColumn.enableSorting ?? false,\n            isResizable: propColumn.isResizable ?? false,\n            cell: propColumn.cell || (({ getValue }) => getValue()),\n          };\n\n          if (propColumn.sticky === \"left\") {\n            newColumn.left = leftOffset;\n            leftOffset += propColumn.size;\n            newColumn.isLastStickyLeft = index === stickyLeftColumns.length - 1;\n          } else if (propColumn.sticky === \"right\") {\n            rightOffset += propColumn.size;\n            newColumn.right = rightOffset - propColumn.size;\n            newColumn.isFirstStickyRight = index === columnsProp.length - stickyRightColumns.length;\n          }\n\n          return newColumn;\n        })\n        .map((column, index, columns) => {\n          if (column.sticky === \"right\") {\n            column.isFirstStickyRight = index === columns.length - stickyRightColumns.length;\n          }\n          return column;\n        }),\n      hoverIcon ? hoverIconConfig : null,\n      ...(columnManager\n        ? [\n            {\n              id: \"columnManager\",\n              size: 20,\n              header: () => (\n                <Dialog\n                  showTrigger={[Dialog.hideShowTriggers.CLICK]}\n                  hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n                  position={Dialog.positions.BOTTOM_END}\n                  open={isDialogOpen}\n                  content={\n                    <DialogContentContainer key=\"small\">\n                      {table.getAllLeafColumns().slice(0, -1).map((column, index) => (\n                        <ListItem key={`${column.id}-${index}`}>\n                          <Checkbox\n                            checked={column.getIsVisible()}\n                            label={column.columnDef.header as string || column.id}\n                            onChange={column.getToggleVisibilityHandler()}\n                            aria-labelledby={`iui-column-${column.id}`}\n                          />\n                        </ListItem>\n                      ))}\n                    </DialogContentContainer>          \n                  }\n                  onDialogDidHide={() => setIsDialogOpen(false)}\n                >\n                  <IconButton\n                    ariaLabel=\"Customize\"\n                    size={IconButton?.sizes?.XXS}\n                    icon={Settings}\n                    ref={columnManagerRef}\n                    onClick={() => setIsDialogOpen(true)}\n                  />\n                </Dialog>\n              ),\n              cell: () => null,\n            },\n          ]\n        : []),\n    ].filter(Boolean);\n  }, [columnsProp, hasSelectableRows, selectColumnConfig, columnManager, isExpandable, hoverIcon, isDialogOpen]);\n\n  const [columnResizeMode, setColumnResizeMode] = useState<ColumnResizeMode>(\"onChange\");\n  const [columnResizeDirection, setColumnResizeDirection] = useState<ColumnResizeDirection>(\"ltr\");\n\n  const toggleAllRowsSelected = (value?: boolean) => {\n    console.log(\"toggleAllRowsSelected: \", value);\n    if (!hasSelectableRows) return;\n\n    const newSelection = { ...initialSelectionRef.current };\n    const rowsToSelect = selectCurrentPageOnly ? table.getPageRows() : table.getPreFilteredRowModel().rows;\n\n    const setTo = value ?? !table.getIsAllRowsSelected();\n    rowsToSelect.forEach((row) => {\n      newSelection[row.id] = setTo;\n    });\n\n    setRowSelection(newSelection);\n  };\n\n  const unselectAllRows = () => {\n    if (!hasSelectableRows) return;\n\n    setRowSelection({});\n    initialSelectionRef.current = {};\n    onUnselectAll?.();\n  };\n\n  const loadMoreRows = useCallback(() => {\n    if (!infiniteScrolling || isLoading || loadedData.length >= data.length) return;\n    setIsLoading(true);\n    setTimeout(() => {\n      setLoadedData((prevData) => {\n        const nextData = data.slice(prevData.length, prevData.length + loadMoreCount);\n        if (prevData.length + nextData.length >= data.length && observerRef.current) {\n          observerRef.current.disconnect();\n        }\n\n        return [...prevData, ...nextData];\n      });\n      setIsLoading(false);\n      if (onLoadMore) {\n        onLoadMore();\n      }\n    }, 500);\n  }, [infiniteScrolling, isLoading, data, loadMoreCount, onLoadMore, loadedData.length]);\n\n  useEffect(() => {\n    if (infiniteScrolling && loadMoreTriggerRef.current) {\n      observerRef.current = new IntersectionObserver(\n        (entries) => {\n          if (entries[0].isIntersecting) {\n            loadMoreRows();\n          }\n        },\n        { threshold: 0.1 }\n      );\n\n      observerRef.current.observe(loadMoreTriggerRef.current);\n    }\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n    };\n  }, [infiniteScrolling, loadMoreRows]);\n\n  const tableOptions = {\n    data: loadedData,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getRowCanExpand: (row) => !!row.original.renderExpandedContent || !!row.subRows?.length,\n    enableExpanding: true,\n    enableSortingRemoval: hasSortableColumns ? true : undefined,\n    getSubRows: (row) => row.subRows,\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: withPagination ? getPaginationRowModel() : undefined,\n    initialState: initialState ? initialState : undefined,\n    columnResizeMode,\n    columnResizeDirection,\n    autoResetPageIndex,\n    ...rest,\n  };\n\n  if (hasSelectableRows) {\n    tableOptions.getRowId = getRowId;\n    tableOptions.state = { rowSelection };\n    tableOptions.onRowSelectionChange = setRowSelection;\n  }\n\n  const table = useReactTable<LGTableDataType<T>>(tableOptions);\n\n  table.toggleAllRowsSelected = toggleAllRowsSelected;\n  table.unselectAllRows = unselectAllRows;\n\n  const { rows } = table.getCoreRowModel();\n  const { rows: paginationRows } = table.getPaginationRowModel();\n  const _rowVirtualizer = useVirtual({\n    parentRef: containerRef,\n    size: rows.length,\n    overscan: 30,\n    ...virtualizerOptions,\n  });\n\n  useEffect(() => {\n    if (onRowSelectionChange && hasSelectableRows) {\n      const selectedRows = data.filter((row, index) => rowSelection[getRowId(row, index)]);\n      onRowSelectionChange(selectedRows);\n    }\n  }, [rowSelection, data, onRowSelectionChange, getRowId, hasSelectableRows]);\n\n  return {\n    ...table,\n    handleRowClick,\n    toggleAllRowsSelected, \n    unselectAllRows, \n    ...(useVirtualScrolling && {\n      virtualRows: _rowVirtualizer.virtualItems,\n      totalSize: _rowVirtualizer.totalSize,\n      scrollToIndex: _rowVirtualizer.scrollToIndex,\n      scrollToOffset: _rowVirtualizer.scrollToOffset,\n      measure: _rowVirtualizer.measure,\n    }),\n    hasSelectableRows,\n    showColumnManager,\n    setShowColumnManager,\n    columnManagerRef,\n    setHoveredRow,\n    isLoading,\n    loadedData,\n    loadMoreTriggerRef,\n    infiniteScrolling,\n    loadMoreRows,\n  } as LeafyGreenTable<T>;\n};\n\nexport default useLeafyGreenTable;\n"],"names":["useLeafyGreenTable","_a","containerRef","data","columnsProp","columns","hasSelectableRows","_a$withPagination","withPagination","_a$useVirtualScrollin","useVirtualScrolling","_a$allowSelectAll","allowSelectAll","_a$allowSelectSingle","allowSelectSingle","onSelect","virtualizerOptions","_a$initiallySelectedR","initiallySelectedRowIds","onRowSelectionChange","_a$columnManager","columnManager","_a$isExpandable","isExpandable","hoverIcon","_a$selectCurrentPageO","selectCurrentPageOnly","onUnselectAll","initialState","_a$initialLoadCount","initialLoadCount","_a$loadMoreCount","loadMoreCount","onLoadMore","_a$infiniteScrolling","infiniteScrolling","_a$autoResetPageIndex","autoResetPageIndex","_a$selectAllRows","selectAllRows","rest","__rest","console","log","_useState","useState","_useState2","_slicedToArray","rowSelection","setRowSelection","_useState3","_useState4","hoveredRow","setHoveredRow","_useState5","_useState6","showColumnManager","setShowColumnManager","_useState7","_useState8","loadedData","setLoadedData","_useState9","_useState10","isLoading","setIsLoading","_useState11","_useState12","isDialogOpen","setIsDialogOpen","columnManagerRef","useRef","isInitialSetupDone","initialSelectionRef","previousDataRef","observerRef","loadMoreTriggerRef","getRowId","useCallback","row","index","_b","id","useEffect","current","reduce","acc","selectAllTableRows","allSelected","slice","baseSelectColumnConfig","size","header","TableHeaderCheckbox","cell","TableRowCheckbox","hasSortableColumns","useMemo","some","propCol","enableSorting","selectColumnConfig","omit","expandColumnConfig","_ref","getCanExpand","_jsx","ToggleExpandedIcon","isExpanded","getIsExpanded","toggleExpanded","disabled","hoverIconConfig","sticky","_ref2","Object","assign","style","display","height","children","stickyLeftColumns","filter","col","stickyRightColumns","leftOffset","rightOffset","concat","_toConsumableArray","map","propColumn","newColumn","align","isResizable","_c","_ref3","getValue","left","isLastStickyLeft","length","right","isFirstStickyRight","column","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","position","positions","BOTTOM_END","open","content","DialogContentContainer","table","getAllLeafColumns","ListItem","Checkbox","checked","getIsVisible","label","columnDef","onChange","getToggleVisibilityHandler","onDialogDidHide","IconButton","ariaLabel","sizes","XXS","icon","Settings","ref","onClick","Boolean","_useState13","_useState14","columnResizeMode","_useState15","_useState16","columnResizeDirection","toggleAllRowsSelected","value","newSelection","rowsToSelect","getPageRows","getPreFilteredRowModel","rows","setTo","getIsAllRowsSelected","forEach","unselectAllRows","loadMoreRows","setTimeout","prevData","nextData","disconnect","IntersectionObserver","entries","isIntersecting","threshold","observe","tableOptions","getCoreRowModel","getRowCanExpand","original","renderExpandedContent","subRows","enableExpanding","enableSortingRemoval","undefined","getSubRows","getSortedRowModel","getPaginationRowModel","state","useReactTable","_rowVirtualizer","useVirtual","parentRef","overscan","selectedRows","handleRowClick","virtualRows","virtualItems","totalSize","scrollToIndex","scrollToOffset","measure"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.module.scss.js

@@ -1,2 +1,2 @@
-var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_317-test";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))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
+var e={themeLight:"themeLight",disabledTableRowCheck:"disabledTableRowCheck"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-b8a2afee86bd_0_0_318-ibrahim";if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".themeLight .disabledTableRowCheck input + div {\n  border-color: #E6E6E6;\n  background-color: #D3D3D3;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div:before {\n  background-color: #E6E6E6;\n}\n.themeLight .disabledTableRowCheck input[aria-checked=true] + div path {\n  stroke: #FFFFFF;\n}");export{e as default};
 //# sourceMappingURL=useLeafyGreenTable.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js

@@ -1,2 +1,2 @@
-var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage",labelPositionLeft:"labelPositionLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5ce6deeed635_0_0_317-test";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}\n\n.hdsNumericField {\n  display: flex;\n  flex-direction: column;\n}\n\n.labelPositionLeft {\n  flex-direction: row;\n  align-items: center;\n}\n\n.labelPositionLeft .hdsNumericFieldLabel {\n  margin-right: 10px;\n  margin-bottom: 0;\n}");export{e as default};
+var e={hdsNumericField:"hdsNumericField",hdsNumericFieldLabel:"hdsNumericFieldLabel",hdsNumericFieldContainer:"hdsNumericFieldContainer",hdsNumericFieldInputWrapper:"hdsNumericFieldInputWrapper",hdsNumericFieldInput:"hdsNumericFieldInput",hdsNumericFieldArrows:"hdsNumericFieldArrows",hdsNumericFieldHint:"hdsNumericFieldHint",hdsNumericFieldErrorMessage:"hdsNumericFieldErrorMessage",focus:"focus",disabled:"disabled",hdsHasContent:"hdsHasContent",hdsHasError:"hdsHasError",labelPositionLeftStyle:"labelPositionLeftStyle",hintOrErrorMessage:"hintOrErrorMessage",labelPositionLeft:"labelPositionLeft"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-5ce6deeed635_0_0_318-ibrahim";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".hdsNumericField {\n  width: 100%;\n}\n\n.hdsNumericFieldLabel {\n  color: var(--text-primary);\n  margin-bottom: 5px;\n  margin-top: 6px;\n}\n\n.hdsNumericFieldContainer {\n  display: flex;\n  width: 100%;\n  align-items: center;\n  align-self: stretch;\n  background-color: var(--surface-level-200);\n  border: 1px solid;\n  border-color: var(--divider-overlay);\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.hdsNumericFieldContainer:hover {\n  box-shadow: var(--effect-divider-halo);\n  border-color: var(--divider-selected);\n}\n\n.hdsNumericFieldInputWrapper {\n  display: flex;\n  flex-grow: 1;\n}\n\n.hdsNumericFieldInput {\n  background-color: transparent;\n  border: none;\n  margin: 0;\n  outline: none;\n  width: 100%;\n  color: var(--text-secondary);\n  appearance: textfield;\n}\n\n.hdsNumericFieldInput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n}\n\n.hdsNumericFieldArrows {\n  display: flex;\n  flex-direction: column;\n}\n\n.hdsNumericFieldArrows button {\n  margin: 0;\n  border: 0;\n  padding: 0 5px;\n  background: transparent;\n}\n\n.hdsNumericFieldArrows button path {\n  fill: var(--text-secondary);\n}\n\n.hdsNumericFieldHint {\n  font-size: 12px;\n  color: var(--text-secondary);\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n}\n\n.hdsNumericFieldErrorMessage {\n  font-size: 12px;\n  display: flex;\n  flex-direction: column;\n  align-self: stretch;\n  color: var(--color-solar-flare-500);\n}\n\n.focus {\n  border-color: var(--divider-primary);\n}\n\n.disabled {\n  cursor: not-allowed;\n}\n\n.hdsHasContent {\n  color: var(--text-primary);\n}\n\n.hdsHasError {\n  border-color: red;\n}\n\n.labelPositionLeftStyle {\n  margin-bottom: 15px;\n  margin-right: 10px;\n  align-content: center;\n}\n\n.hintOrErrorMessage {\n  margin-top: 0px;\n}\n\n.hdsNumericField {\n  display: flex;\n  flex-direction: column;\n}\n\n.labelPositionLeft {\n  flex-direction: row;\n  align-items: center;\n}\n\n.labelPositionLeft .hdsNumericFieldLabel {\n  margin-right: 10px;\n  margin-bottom: 0;\n}");export{e as default};
 //# sourceMappingURL=NumericField.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_317-test";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\n}");export{e as default};
+var e={PageHeader:"PageHeader",PageHeaderBreadcrumbs:"PageHeaderBreadcrumbs",PageHeaderRightActions:"PageHeaderRightActions",PageHeaderTitle:"PageHeaderTitle",PageHeaderTabs:"PageHeaderTabs",PageHeaderDivider:"PageHeaderDivider",PageHeaderContainer:"PageHeaderContainer"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-ea77b85b63e2_0_0_318-ibrahim";if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}(".PageHeader {\n  position: relative;\n  padding-top: 100px;\n  width: 100%;\n}\n\n.PageHeaderBreadcrumbs ol {\n  margin: 0 -2px 0 -4px;\n  padding: 0px;\n  height: 4px;\n}\n\n.PageHeaderRightActions {\n  position: relative;\n  bottom: 8px;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  margin-left: auto;\n}\n\n.PageHeaderTitle {\n  padding-bottom: 8px;\n  padding-top: 0;\n  margin: 0;\n}\n\n.PageHeaderTabs {\n  padding: 8px 0 0;\n  margin-bottom: -1px;\n}\n\n.PageHeaderTabs ul {\n  padding: 0;\n}\n\n.PageHeaderDivider {\n  margin: 0px;\n}\n\n@media (min-width: 768px) {\n  .PageHeaderContainer {\n    flex-direction: row;\n  }\n}");export{e as default};
 //# sourceMappingURL=PageHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Panel/Panel.module.scss.js

@@ -1,2 +1,2 @@
-var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",leftContent:"leftContent",rightContent:"rightContent",headerDivider:"headerDivider",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-eff5cdb2d08b_0_0_317-test";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}('.panelHeaderStyled {\n  padding: 0 8px;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.leftContent {\n  display: flex;\n  align-items: center;\n}\n\n.rightContent {\n  display: flex;\n  align-items: center;\n}\n\n.headerDivider {\n  height: 1px;\n  background-color: var(--divider-color);\n  margin-top: 8px;\n}\n\n.containerStyled {\n  padding: 0 8px;\n  flex: 1;\n}\n\n.panelMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\n\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
+var n={panelHeaderStyled:"panelHeaderStyled",panelHeaderInner:"panelHeaderInner",backgroundStyled:"backgroundStyled","overlay-fade-in":"overlay-fade-in",textStyled:"textStyled",headerTextStyled:"headerTextStyled",leftContent:"leftContent",rightContent:"rightContent",headerDivider:"headerDivider",containerStyled:"containerStyled",panelMenuStyled:"panelMenuStyled",innerStyled:"innerStyled",CloseLayerStyled:"CloseLayerStyled",panelFooterStyled:"panelFooterStyled"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-eff5cdb2d08b_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}('.panelHeaderStyled {\n  padding: 0 8px;\n}\n\n.panelHeaderInner {\n  position: sticky;\n  top: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  width: 100%;\n  z-index: 1;\n  flex-wrap: nowrap;\n  align-items: center;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  padding: 0.5rem 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n}\n\n.backgroundStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: var(--surface-overlay);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n\n.textStyled {\n  font-weight: 400;\n  line-height: 1.5em;\n  padding: 1rem 0;\n  margin-bottom: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.headerTextStyled {\n  font-size: 15px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 22px;\n  font-weight: "500";\n  text-transform: "capitalize";\n}\n\n.leftContent {\n  display: flex;\n  align-items: center;\n}\n\n.rightContent {\n  display: flex;\n  align-items: center;\n}\n\n.headerDivider {\n  height: 1px;\n  background-color: var(--divider-color);\n  margin-top: 8px;\n}\n\n.containerStyled {\n  padding: 0 8px;\n  flex: 1;\n}\n\n.panelMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  background-color: var(--surface-level-100);\n  box-shadow: var(--box-shadow-medium);\n  max-width: 100%;\n  min-width: 380px;\n  z-index: 9999;\n}\n\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n\n.panelFooterStyled {\n  position: sticky;\n  display: flex;\n  z-index: 2000;\n  bottom: 0;\n  right: 0;\n  left: 0;\n  display: flex;\n  background-color: var(--surface-level-100);\n  line-height: 1.5em;\n  justify-content: space-between;\n  padding: 8px 16px;\n  align-items: flex-start;\n  gap: 8px;\n}');export{n as default};
 //# sourceMappingURL=Panel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/PanelLayout/PanelLayout.module.scss.js

@@ -1,2 +1,2 @@
-!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-0005b02f11a5_0_0_317-test";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--divider-selected);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
+!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-0005b02f11a5_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".panel {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  border-radius: 6px;\n  gap: 4px;\n  overflow: hidden;\n}\n.panel .emptyState {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.mainContent {\n  flex: 1;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n}\n.overlay-panel {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n  z-index: 1000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.resize-handle {\n  z-index: 50;\n  background-color: transparent;\n  width: 2px;\n  transition: all 0.3s ease-in-out;\n}\n.resize-handle:hover {\n  background-color: var(--divider-secondary);\n  box-shadow: 2px 0px 0px 0px var(--divider-secondary);\n}\n.collapse-handle {\n  z-index: 100;\n  max-width: 2px;\n  width: 3px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.collapse-handle svg rect {\n  fill: var(--divider-secondary);\n  max-width: 2px;\n  width: 2px;\n}\n.collapse-handle:hover {\n  background-color: var(--divider-secondary);\n}\n.collapse-handle:hover svg rect {\n  fill: var(--divider-selected);\n}\n.styled-handle {\n  height: 100%;\n  width: 6px;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s ease-in-out;\n}\n.styled-handle:hover {\n  background-color: var(--divider-selected);\n}\n.handle {\n  height: 100%;\n  background-color: var(--divider-primary);\n  cursor: ew-resize;\n  transition: background-color 0.3s ease-in-out;\n}\n.handle:hover {\n  background-color: var(--divider-selected);\n}");
 //# sourceMappingURL=PanelLayout.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.module.scss.js

@@ -1,2 +1,2 @@
-var n={toast:"toast",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-5ea7316ae404_0_0_317-test";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  background-color: var(--surface-level-200);\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n  width: 100%;\n}");export{n as default};
+var n={toast:"toast",topRight:"topRight",bottomRight:"bottomRight",closeButton:"closeButton",iconExpanded:"iconExpanded",iconCollapsed:"iconCollapsed",content:"content",header:"header",cell:"cell"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-5ea7316ae404_0_0_318-ibrahim";if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}(".toast {\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.08), 0px 2px 3px 0px rgba(0, 0, 0, 0.07);\n  border: 1px solid var(--divider-primary, rgba(16, 24, 27, 0.1));\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  margin: var(--spacing-medium);\n  position: fixed;\n  z-index: 10000;\n  right: 0;\n  align-items: center;\n  display: flex;\n  min-width: 320px;\n  border-radius: var(--border-radius-medium);\n  color: var(--text-primary);\n  gap: var(--spacing-small);\n  background-color: var(--surface-level-100);\n  padding: var(--spacing-small) var(--spacing-medium) var(--spacing-small) var(--spacing-medium);\n}\n\n.topRight {\n  top: 0;\n}\n\n.bottomRight {\n  bottom: 0;\n}\n\n.closeButton {\n  margin-left: var(--spacing-small);\n  color: var(--text-primary);\n}\n\n.iconExpanded {\n  transition: transform 0.3s ease;\n  transform: rotate(180deg);\n}\n\n.iconCollapsed {\n  transition: transform 0.3s ease;\n  transform: rotate(0deg);\n}\n\n.content {\n  transition: max-height 0.3s ease;\n  overflow: hidden;\n  width: 95%;\n}\n\n.header {\n  width: 100%;\n  background-color: var(--surface-level-200);\n  padding: 10px 10px;\n}\n\n.cell {\n  border-top: 1px solid var(--divider-primary);\n  padding: 6px 0px;\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=ProcessingToast.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js

@@ -1,2 +1,2 @@
-var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_317-test";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
+var r={bar:"bar",typePrimaryPrimary:"typePrimaryPrimary",typePrimarySecondary:"typePrimarySecondary",typePrimaryPositive:"typePrimaryPositive",typePrimaryNegative:"typePrimaryNegative",typePrimaryWarning:"typePrimaryWarning",typeSecondaryPrimary:"typeSecondaryPrimary",typeSecondarySecondary:"typeSecondarySecondary",typeSecondaryPositive:"typeSecondaryPositive",typeSecondaryNegative:"typeSecondaryNegative",typeSecondaryWarning:"typeSecondaryWarning",animate:"animate"};!function(r){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-7d6049908fe8_0_0_318-ibrahim";if(e.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,e.firstChild?e.insertBefore(a,e.firstChild):e.appendChild(a),a.appendChild(document.createTextNode(r))}(".bar {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary {\n  background-color: var(--surface-inverse);\n}\n\n.typePrimaryPositive {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary {\n  background-color: var(--surface-selected);\n}\n\n.typeSecondarySecondary {\n  background-color: var(--divider-primary);\n}\n\n.typeSecondaryPositive {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning {\n  background-color: var(--warning-color-selected);\n}\n\n.animate {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{r as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_317-test";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper",fullWidth:"fullWidth",container:"container",progressBar:"progressBar",completed:"completed",label:"label",large:"large",medium:"medium",small:"small"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-70ce3fa10ece_0_0_318-ibrahim";if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".wrapper {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text1-normal);\n  line-height: 8px !important;\n}\n.wrapper.fullWidth {\n  width: 100%;\n}\n.wrapper.fullWidth .container {\n  border-radius: 0;\n}\n.wrapper.fullWidth .container .progressBar {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper.fullWidth .container .progressBar.completed {\n  border-radius: 0;\n}\n.label {\n  padding-left: var(--spacing-xs);\n}\n.large {\n  height: 8px;\n  line-height: 8px;\n}\n.medium {\n  height: 6px;\n  line-height: 6px;\n}\n.small {\n  height: 4px;\n  line-height: 4px;\n}\n.container {\n  position: relative;\n  width: 100%;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_317-test";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))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
+var e={label:"label"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-de8a28d20526_0_0_318-ibrahim";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))}(".label {\n  padding-left: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=PercentageLabel.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_317-test";if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton",inputContainer:"inputContainer",input:"input",control:"control",labelAnimation:"labelAnimation",radioCheckedAnimation:"radioCheckedAnimation",disabled:"disabled",label:"label"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],o="s_id-d77bcd558954_0_0_318-ibrahim";if(e.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".radioButton {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--divider-primary);\n  border-radius: 50%;\n  transition: all var(--motion-productive-medium) ease 0ms;\n  background-color: var(--surface-level-100);\n}\n\ninput:checked + .control {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation {\n  animation-name: radioCheckedAnimation;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--text-secondary);\n}\n\n.radioButton.disabled {\n  cursor: not-allowed;\n}\n\n.radioButton.disabled .label {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer input:focus-visible + .control {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton:hover .inputContainer input:enabled:checked + .control {\n  border-color: var(--primary-hover-color);\n  box-shadow: var(--effect-divider-halo);\n}\n\n.radioButton:hover .inputContainer input:enabled:not(:checked) + .control,\n.radioButton:focus-within .inputContainer input:enabled:not(:checked) + .control {\n  border-color: var(--divider-selected);\n  box-shadow: var(--effect-divider-halo);\n}\n\n@keyframes radioCheckedAnimation {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js

@@ -1,2 +1,2 @@
-var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_317-test";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))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
+var e={responsiveListRoot:"responsiveListRoot",responsiveList:"responsiveList",listMenuButton:"listMenuButton",dummy:"dummy",menuButtonDialog:"menuButtonDialog",menuWrapperFlex:"menuWrapperFlex"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-51abe3f9c6a0_0_0_318-ibrahim";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))}(".responsiveListRoot {\n  position: relative;\n}\n\n.responsiveList {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.responsiveList .listMenuButton {\n  flex-shrink: 0;\n}\n\n.dummy {\n  width: 100%;\n  position: absolute;\n  visibility: hidden;\n}\n\n.menuButtonDialog {\n  display: flex;\n}\n\n.menuWrapperFlex {\n  display: flex;\n}");export{e as default};
 //# sourceMappingURL=ResponsiveList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/ScrollableContainer/scrollableContainer.scss.js

@@ -1,2 +1,2 @@
-var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_317-test";if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
+var e=".hds-scrollable-container {\n  box-sizing: border-box;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\n.hds-scrollable-container * {\n  box-sizing: border-box;\n}\n.hds-scrollable-container.allow-vertical-scrolling {\n  overflow-y: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-2de7259b0c9f_0_0_318-ibrahim";if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
 //# sourceMappingURL=scrollableContainer.scss.js.map

package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_317-test";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
+var e={searchWrapper:"searchWrapper",searchFocusElementFirst:"searchFocusElementFirst",dashForward:"dashForward",searchFocusElementSecond:"searchFocusElementSecond",dashBackwards:"dashBackwards",search:"search",round:"round"};!function(e){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-b431f263cf23_0_0_318-ibrahim";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}(".searchWrapper input[type=search] {\n  -webkit-appearance: textfield;\n}\n\n.searchWrapper input[type=search]::-webkit-search-decoration,\n.searchWrapper input[type=search]::-webkit-search-cancel-button,\n.searchWrapper input[type=search]::-webkit-search-results-button,\n.searchWrapper input[type=search]::-webkit-search-results-decoration {\n  -webkit-appearance: none;\n}\n\n.searchWrapper:focus-within .searchFocusElementFirst {\n  animation: dashForward 5s linear forwards;\n}\n\n.searchWrapper:focus-within .searchFocusElementSecond {\n  animation: dashBackwards 5s linear forwards;\n}\n\n.search.round {\n  border-radius: 50px !important;\n}\n\n@keyframes dashForward {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@keyframes dashBackwards {\n  to {\n    stroke-dashoffset: 2000;\n  }\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js

@@ -1,2 +1,2 @@
-var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-03a241082978_0_0_317-test";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: flex-end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
+var n={sectionHeader:"sectionHeader",text:"text",large:"large",medium:"medium",small:"small",indented:"indented"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-03a241082978_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".sectionHeader {\n  display: flex;\n  width: 100%;\n  justify-content: space-between;\n  border-bottom: 1px solid var(--divider-primary);\n  padding-right: 12px;\n  align-items: flex-end;\n}\n\n.text {\n  font-weight: 600;\n}\n\n.large {\n  font-size: 18px;\n  padding-top: 30px;\n  padding-bottom: 10px;\n  line-height: 22px;\n}\n\n.medium {\n  font-size: 14px;\n  padding-top: 14px;\n  padding-bottom: 6px;\n  line-height: 22px;\n}\n\n.small {\n  font-size: 12px;\n  line-height: 15px;\n  padding-top: 6px;\n  padding-bottom: 2px;\n}\n\n.indented {\n  padding-left: 16px;\n}");export{n as default};
 //# sourceMappingURL=SectionHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js

@@ -1,2 +1,2 @@
-var n={segmentControlCell:"segmentControlCell",active:"active",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-356f7c8bd17b_0_0_317-test";if(e.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,e.firstChild?e.insertBefore(l,e.firstChild):e.appendChild(l),l.appendChild(document.createTextNode(n))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.active:not(:hover) {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-xs);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-small);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
+var n={segmentControlCell:"segmentControlCell",active:"active",disabled:"disabled",small:"small",medium:"medium",large:"large",cellContent:"cellContent"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-356f7c8bd17b_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".segmentControlCell {\n  cursor: pointer;\n  text-align: center;\n  transition: color 0.3s;\n  color: var(--text-secondary);\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 4px;\n  margin: 0;\n  padding: 0 var(--spacing-small);\n  font: var(--font-text1-normal);\n  box-sizing: border-box;\n  min-width: 0;\n  flex: 1 1 auto;\n}\n.segmentControlCell.active {\n  color: var(--text-primary);\n}\n.segmentControlCell:hover {\n  color: var(--text-primary);\n}\n.segmentControlCell.active:not(:hover) {\n  color: var(--text-primary);\n}\n.segmentControlCell.disabled {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n.small {\n  padding: 0 var(--spacing-xs);\n  height: 24px;\n  font-size: 12px;\n}\n.medium {\n  padding: 0 var(--spacing-small);\n  height: 32px;\n  font-size: 14px;\n}\n.large {\n  padding: 0 var(--spacing-medium);\n  height: 40px;\n  font-size: 16px;\n}\n.cellContent {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.module.scss.js

@@ -1,2 +1,2 @@
-var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a3f052bd7fcb_0_0_317-test";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);\n  z-index: 0;\n  transition: transform 0.3s ease, width 0.3s ease;\n}");export{n as default};
+var n={segmentControlList:"segmentControlList",stretched:"stretched",segmentControlUl:"segmentControlUl",small:"small",medium:"medium",large:"large",animatedBackground:"animatedBackground"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-a3f052bd7fcb_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".segmentControlList {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: var(--surface-level-200);\n  border-radius: var(--border-radius-medium);\n  padding: 2px;\n  box-sizing: border-box;\n}\n\n.stretched {\n  width: 100%;\n}\n\n.segmentControlUl {\n  display: flex;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  position: relative;\n  z-index: 1;\n  box-sizing: border-box;\n}\n\n.small {\n  --segment-height: 24px;\n}\n\n.medium {\n  --segment-height: 32px;\n}\n\n.large {\n  --segment-height: 40px;\n}\n\n.segmentControlList {\n  height: var(--segment-height);\n}\n\n.animatedBackground {\n  position: absolute;\n  top: 2px;\n  bottom: 2px;\n  left: 2px;\n  background-color: var(--surface-level-100);\n  border-radius: calc(var(--border-radius-medium) - 2px);\n  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1);\n  z-index: 0;\n  transition: transform 0.3s ease, width 0.3s ease;\n}");export{n as default};
 //# sourceMappingURL=SegmentControlList.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js

@@ -1,2 +1,2 @@
-var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",withIcon:"withIcon",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b52d3e4d5770_0_0_317-test";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 28px 4px 8px 4px;\n  line-height: 22px;\n  gap: 8px;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 28px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.menuItemLink.withIcon {\n  padding-left: 4px;\n}\n.menuItemLink .menuIcon {\n  margin-right: 4px;\n}\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
+var n={headerStyled:"headerStyled",closeIcon:"closeIcon",containerStyled:"containerStyled",sidebarMenuStyled:"sidebarMenuStyled",innerStyled:"innerStyled",overlay:"overlay","overlay-fade-in":"overlay-fade-in",CloseLayerStyled:"CloseLayerStyled",sectionLabelStyled:"sectionLabelStyled",menuItemStyled:"menuItemStyled",menuItemLink:"menuItemLink",withIcon:"withIcon",menuIcon:"menuIcon",menuItemCounter:"menuItemCounter",active:"active"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-b52d3e4d5770_0_0_318-ibrahim";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(".headerStyled {\n  display: flex;\n  align-items: center;\n  margin-bottom: 50px;\n}\n.headerStyled img {\n  margin-top: 4px;\n  margin-left: 4px;\n}\n.closeIcon {\n  padding-right: 5px;\n  margin-left: 0px;\n}\n.containerStyled {\n  padding: 0 1rem;\n  flex: 1;\n}\n.sidebarMenuStyled {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  will-change: transform;\n  transition: all 0.26s ease-in-out;\n  z-index: 9999;\n  display: flex;\n}\n.innerStyled {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  overflow-y: auto;\n  box-shadow: var(--box-shadow-small);\n  background-color: var(--surface-level-100);\n  padding: 16px 6px 0 6px;\n  max-width: 100%;\n  width: 100vw;\n  z-index: 9999;\n  font-size: 14px;\n  color: var(--text-secondary);\n}\n@media (min-width: 576px) {\n  .innerStyled {\n    width: 50vw;\n  }\n}\n@media (min-width: 768px) {\n  .innerStyled {\n    width: 25vw;\n  }\n}\n@media (min-width: 992px) {\n  .innerStyled {\n    width: 20vw;\n  }\n}\n@media (min-width: 1200px) {\n  .innerStyled {\n    width: 15rem;\n  }\n}\n.overlay {\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.3);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n  transition: all 0.26s ease-in-out;\n  z-index: 7000;\n}\n.CloseLayerStyled {\n  background-color: transparent;\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: 100%;\n}\n.sectionLabelStyled {\n  display: flex;\n  align-items: center;\n  font-weight: 600;\n  padding: 28px 4px 8px 4px;\n  line-height: 22px;\n  gap: 8px;\n}\n.menuItemStyled {\n  height: 38px;\n  display: flex;\n  align-items: center;\n  border-radius: 4px;\n}\n.menuItemLink {\n  color: var(--text-secondary);\n  text-decoration: none;\n  font-weight: 400;\n  padding-left: 28px;\n  height: 100%;\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  display: flex;\n  align-items: center;\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n.menuItemLink:hover {\n  cursor: pointer;\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n  text-decoration: none;\n}\n.menuItemLink.withIcon {\n  padding-left: 4px;\n}\n.menuItemLink .menuIcon {\n  margin-right: 4px;\n}\n.menuItemCounter {\n  margin-left: 8px;\n  margin-right: 8px;\n}\n.active {\n  background: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.active:hover {\n  background: var(--surface-level-300);\n}");export{n as default};
 //# sourceMappingURL=Sidebar.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_317-test";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-2345d9ff68bb_0_0_318-ibrahim";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--surface-level-200);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--surface-level-200);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_317-test";if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-a25847c4cc71_0_0_318-ibrahim";if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".selectionIndicator.selectionIndicator.selectionIndicator {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js

@@ -1,2 +1,2 @@
-var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_317-test";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))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
+var e={slider:"slider",valueShown:"valueShown"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-1ec33feab829_0_0_318-ibrahim";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))}(".slider {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown {\n  margin-top: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js

@@ -1,2 +1,2 @@
-var e={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_317-test";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))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{e as default};
+var n={base:"base",disabled:"disabled",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-0abb9e445f96_0_0_318-ibrahim";if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(".base {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled * {\n  pointer-events: none;\n}\n\n.small {\n  padding: 0 var(--spacing-small);\n}\n\n.medium {\n  padding: 0 12px;\n}\n\n.large {\n  padding: 0 12px;\n}");export{n as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_317-test";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-bb386829c5aa_0_0_318-ibrahim";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))}(".filledTrack {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color);\n}\n\n.negative {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js

@@ -1,2 +1,2 @@
-var e={rail:"rail",small:"small",medium:"medium",large:"large"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_317-test";if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var n={rail:"rail",small:"small",medium:"medium",large:"large"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],i="s_id-c66a4285003d_0_0_318-ibrahim";if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".rail {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{n as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js

@@ -1,2 +1,2 @@
-var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_317-test";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
+var n={thumb:"thumb",dragging:"dragging",focused:"focused",notDisabledThumb:"notDisabledThumb","focus-visible":"focus-visible",positive:"positive",negative:"negative",small:"small",medium:"medium",large:"large",label:"label"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-25c9c209cbd2_0_0_318-ibrahim";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".thumb {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--surface-level-100);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.33, 1.33);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb:focus-visible, .notDisabledThumb.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.notDisabledThumb:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.notDisabledThumb:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive {\n  border-color: var(--positive-color);\n}\n\n.positive.notDisabledThumb:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative {\n  border-color: var(--negative-color);\n}\n\n.negative.notDisabledThumb:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small {\n  height: 16px;\n  width: 16px;\n}\n\n.medium {\n  height: 24px;\n  width: 24px;\n}\n\n.large {\n  height: 24px;\n  width: 24px;\n}\n\n.label {\n  bottom: calc(100% + 8px);\n  left: 50%;\n  max-width: 50px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}");export{n as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_317-test";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_318-ibrahim";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +1,2 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_317-test";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_318-ibrahim";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_317-test";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_318-ibrahim";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js

@@ -1,2 +1,2 @@
-var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_317-test";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))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
+var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_318-ibrahim";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))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_317-test";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_318-ibrahim";if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map