profinansy-ui-lib 3.1.29 → 3.1.31

package/dist/components/uikit/Bubbles/Bubbles.typed.d.ts

@@ -30,6 +30,8 @@ export type TBubbleProps = {
     mobileIndent?: number;
     /** Тип Скролла */
     scroll?: TScrollBubbles;
+    /** Класс для таба */
+    tabClass?: string;
 } & (Single | Multiple);
 export type Single = {
     /** Мульти выбор значений  **/

package/dist/components/uikit/Tabs/Tabs.styled.d.ts

@@ -6,3 +6,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Button: import("styled-components").StyledComponent<"button", DefaultTheme, {
     isActive: boolean;
 }, never>;
+export declare const LineIndicator: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    position: number;
+    width: number;
+}, never>;

package/dist/index.js

@@ -2120,7 +2120,7 @@
   right: -5px;
   font-size: 9px;
   font-weight: 600;
-`},6047:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;const a=r(n(8156)),i=n(1197),o=n(1899),l=n(1608),u=n(1189),c=n(1282);t.Bubbles=e=>{const{scroll:t="base"}=e,{mode:n}=(0,i.useMode)();return"none"===t?a.default.createElement(l.ThemeProvider,{theme:o.palette[n]},a.default.createElement(u.Content,Object.assign({},e))):a.default.createElement(c.WithScroll,Object.assign({},e))}},1189:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Content=void 0;const o=i(n(8156)),l=i(n(8444)),u=n(5492),c=n(4103),s=n(140),d=(0,o.forwardRef)((({mobileIndent:e=16,options:t,selectedValue:n,onChange:r,mode:a="base",style:i,isDataCountTop:d=!1,counterType:f,scroll:p,multi:h=!1},m)=>o.default.createElement(l.Container,{mode:a,style:i,ref:m,scroll:p,mobileIndent:e},t.map(((e,t)=>o.default.createElement(l.Button,{mode:a,key:t,isIconLeft:!!e.iconLeft,isIconRight:!!e.iconRight,onClick:a=>((e,t,a)=>{if(h){const a=n.includes(e)?n.filter((t=>t!==e)):[...n,e];r(a,t)}else r(e,t);"none"!==p&&(e=>{if(m.current&&m.current.children[e])if(window.innerWidth>s.TABLET_WIDTH){const t=m.current.children[e],n=m.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?m.current.scrollTo({left:m.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&m.current.scrollTo({left:m.current.scrollLeft+i-60,behavior:"smooth"})}else m.current.children[e].scrollIntoView({behavior:"smooth",block:"nearest"})})(a)})(e.value,a,t),isActive:h?n.includes(e.value):n===e.value},e.iconLeft?o.default.createElement(l.IconLeft,null,e.iconLeft):null,o.default.createElement(u.Typography,{tag:"span",variant:"description-Medium"},e.label),e.iconRight?o.default.createElement(l.IconRight,null,e.iconRight):null,void 0!==e.dataCount&&o.default.createElement(o.default.Fragment,null,d?o.default.createElement(l.Counts,null,e.dataCount):o.default.createElement(c.Counter,{number:e.dataCount,type:f,style:{marginLeft:"4px"}}))))))));t.Content=d},1282:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.WithScroll=void 0;const l=i(n(8156)),u=n(1899),c=i(n(8444)),s=n(1489),d=n(1189),f=n(1608),p=n(1197),h=o(n(3173)),m=n(4884);t.WithScroll=e=>{const t=(0,l.useRef)(null),[n,r]=(0,l.useState)(!1),[a,i]=(0,l.useState)(!1);(0,l.useEffect)((()=>{let e;const n=()=>{if(t.current){const{scrollLeft:e,scrollWidth:n,clientWidth:a}=t.current;r(e>0),i(e+2+a<n)}},a=()=>{e=setTimeout((()=>{n()}),400)};a();const o=h.default.subscribe(m.BusEvent.SideMenuOpen,a);return t.current&&(t.current.addEventListener("scroll",n),window.addEventListener("resize",n)),()=>{clearTimeout(e),o(),t.current&&(t.current.removeEventListener("scroll",n),window.removeEventListener("resize",n))}}),[]);const o=e=>{t.current&&t.current.scrollTo({left:t.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:v}=(0,p.useMode)();return l.default.createElement(f.ThemeProvider,{theme:u.palette[v]},l.default.createElement(c.Wrapper,null,n&&l.default.createElement(l.default.Fragment,null,l.default.createElement(c.Mute,{isLeft:!0,scroll:e.scroll}),l.default.createElement(c.LeftButton,{onClick:()=>o(!0),direction:"left"})),l.default.createElement(s.DragScroll,null,l.default.createElement(d.Content,Object.assign({},e))),a&&l.default.createElement(l.default.Fragment,null,l.default.createElement(c.Mute,{scroll:e.scroll}),l.default.createElement(c.RightButton,{onClick:()=>o(!1)}))))}},3144:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;var r=n(6047);Object.defineProperty(t,"Bubbles",{enumerable:!0,get:function(){return r.Bubbles}})},5465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.getSize=void 0,t.getSize=e=>({M:{height:"44px",maxHeight:"44px",borderRadius:"square"===e?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:"square"===e?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:"square"===e?"6px":"56px"}}),t.getMode=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}}})},8228:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.IconLeft=t.IconRight=t.Loading=void 0;const o=i(n(1608)),l=n(5465),u=n(4542),c=(e,t)=>"M"===e?t?20:12:"S"===e?t?16:8:t?12:4,s=o.default.button`
+`},6047:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;const a=r(n(8156)),i=n(1197),o=n(1899),l=n(1608),u=n(1189),c=n(1282);t.Bubbles=e=>{const{scroll:t="base"}=e,{mode:n}=(0,i.useMode)();return"none"===t?a.default.createElement(l.ThemeProvider,{theme:o.palette[n]},a.default.createElement(u.Content,Object.assign({},e))):a.default.createElement(c.WithScroll,Object.assign({},e))}},1189:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Content=void 0;const o=i(n(8156)),l=i(n(8444)),u=n(5492),c=n(4103),s=n(140),d=(0,o.forwardRef)((({mobileIndent:e=16,options:t,selectedValue:n,onChange:r,mode:a="base",style:i,isDataCountTop:d=!1,counterType:f,scroll:p,multi:h=!1,tabClass:m},v)=>o.default.createElement(l.Container,{mode:a,style:i,ref:v,scroll:p,mobileIndent:e},t.map(((e,t)=>o.default.createElement(l.Button,{className:m,mode:a,key:t,isIconLeft:!!e.iconLeft,isIconRight:!!e.iconRight,onClick:a=>((e,t,a)=>{if(h){const a=n.includes(e)?n.filter((t=>t!==e)):[...n,e];r(a,t)}else r(e,t);"none"!==p&&(e=>{if(v.current&&v.current.children[e])if(window.innerWidth>s.TABLET_WIDTH){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?v.current.scrollTo({left:v.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&v.current.scrollTo({left:v.current.scrollLeft+i-60,behavior:"smooth"})}else v.current.children[e].scrollIntoView({behavior:"smooth",block:"nearest"})})(a)})(e.value,a,t),isActive:h?n.includes(e.value):n===e.value},e.iconLeft?o.default.createElement(l.IconLeft,null,e.iconLeft):null,o.default.createElement(u.Typography,{tag:"span",variant:"description-Medium"},e.label),e.iconRight?o.default.createElement(l.IconRight,null,e.iconRight):null,void 0!==e.dataCount&&o.default.createElement(o.default.Fragment,null,d?o.default.createElement(l.Counts,null,e.dataCount):o.default.createElement(c.Counter,{number:e.dataCount,type:f,style:{marginLeft:"4px"}}))))))));t.Content=d},1282:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.WithScroll=void 0;const l=i(n(8156)),u=n(1899),c=i(n(8444)),s=n(1489),d=n(1189),f=n(1608),p=n(1197),h=o(n(3173)),m=n(4884);t.WithScroll=e=>{const t=(0,l.useRef)(null),[n,r]=(0,l.useState)(!1),[a,i]=(0,l.useState)(!1);(0,l.useEffect)((()=>{let e;const n=()=>{if(t.current){const{scrollLeft:e,scrollWidth:n,clientWidth:a}=t.current;r(e>0),i(e+2+a<n)}},a=()=>{e=setTimeout((()=>{n()}),400)};a();const o=h.default.subscribe(m.BusEvent.SideMenuOpen,a);return t.current&&(t.current.addEventListener("scroll",n),window.addEventListener("resize",n)),()=>{clearTimeout(e),o(),t.current&&(t.current.removeEventListener("scroll",n),window.removeEventListener("resize",n))}}),[]);const o=e=>{t.current&&t.current.scrollTo({left:t.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:v}=(0,p.useMode)();return l.default.createElement(f.ThemeProvider,{theme:u.palette[v]},l.default.createElement(c.Wrapper,null,n&&l.default.createElement(l.default.Fragment,null,l.default.createElement(c.Mute,{isLeft:!0,scroll:e.scroll}),l.default.createElement(c.LeftButton,{onClick:()=>o(!0),direction:"left"})),l.default.createElement(s.DragScroll,null,l.default.createElement(d.Content,Object.assign({ref:t},e))),a&&l.default.createElement(l.default.Fragment,null,l.default.createElement(c.Mute,{scroll:e.scroll}),l.default.createElement(c.RightButton,{onClick:()=>o(!1)}))))}},3144:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Bubbles=void 0;var r=n(6047);Object.defineProperty(t,"Bubbles",{enumerable:!0,get:function(){return r.Bubbles}})},5465:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.getSize=void 0,t.getSize=e=>({M:{height:"44px",maxHeight:"44px",borderRadius:"square"===e?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:"square"===e?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:"square"===e?"6px":"56px"}}),t.getMode=e=>({primary:{default:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`},hover:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackgroundHover,border:`1px solid ${e.interactiveButtons.brandBackgroundHover}`},active:{color:e.interactiveButtons.brandText,background:e.interactiveButtons.brandBackground,border:`1px solid ${e.interactiveButtons.brandBackground}`}},secondary:{default:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`},hover:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.secondaryBrandBackgroundHover}`},active:{color:e.interactiveButtons.secondaryBrandText,background:e.interactiveButtons.secondaryBrandBackground,border:`1px solid ${e.interactiveButtons.secondaryBrandBackground}`}},outlineBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`},hover:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackgroundHover,border:`1px solid ${e.interactiveButtons.outlineBrandBorderHover}`},active:{color:e.interactiveButtons.outlineBrandText,background:e.interactiveButtons.outlineBrandBackground,border:`1px solid ${e.interactiveButtons.outlineBrandBorder}`}},success:{default:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`},hover:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackgroundHover,border:`1px solid ${e.interactiveButtons.successBackgroundHover}`},active:{color:e.interactiveButtons.successText,background:e.interactiveButtons.successBackground,border:`1px solid ${e.interactiveButtons.successBackground}`}},warning:{default:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`},hover:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackgroundHover,border:`1px solid ${e.interactiveButtons.warningBackgroundHover}`},active:{color:e.interactiveButtons.warningText,background:e.interactiveButtons.warningBackground,border:`1px solid ${e.interactiveButtons.warningBackground}`}},critical:{default:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`},hover:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackgroundHover,border:`1px solid ${e.interactiveButtons.criticalBackgroundHover}`},active:{color:e.interactiveButtons.criticalText,background:e.interactiveButtons.criticalBackground,border:`1px solid ${e.interactiveButtons.criticalBackground}`}},system:{default:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`},hover:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackgroundHover,border:`1px solid ${e.interactiveButtons.systemBackgroundHover}`},active:{color:e.interactiveButtons.systemText,background:e.interactiveButtons.systemBackground,border:`1px solid ${e.interactiveButtons.systemBackground}`}},neutral:{default:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"},hover:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackgroundHover,border:"1px solid transparent"},active:{color:e.interactiveButtons.neutralText,background:e.interactiveButtons.neutralBackground,border:"1px solid transparent"}},flatBrand:{default:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.outlineBrandText,background:"transparent",border:"1px solid transparent"}},flatSystem:{default:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},hover:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"},active:{color:e.interactiveButtons.systemText,background:"transparent",border:"1px solid transparent"}}})},8228:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.IconLeft=t.IconRight=t.Loading=void 0;const o=i(n(1608)),l=n(5465),u=n(4542),c=(e,t)=>"M"===e?t?20:12:"S"===e?t?16:8:t?12:4,s=o.default.button`
   position: relative;
   font-family: 'Manrope', sans-serif;
   display: flex;
@@ -2198,7 +2198,7 @@
   cursor: default;
 `;t.Loading=p},6450:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;const l=i(n(8156)),u=i(n(8228)),c=n(5529),s=o(n(4184)),d=n(1197),f=n(1608),p=n(1899),h=n(5465),m=n(5492),v=(0,l.forwardRef)((({text:e,textCustom:t,type:n="button",mode:r="primary",disabled:a=!1,iconLeft:i,iconRight:o,size:v="M",loading:g=!1,form:b="square",width:y,style:w,onClick:x,className:_,isFill:O=!0},M)=>{const{mode:k}=(0,d.useMode)();return l.default.createElement(f.ThemeProvider,{theme:p.palette[k]},l.default.createElement(u.Button,{$form:b,ref:M,type:n,style:w,className:(0,s.default)(_,"button"),disabled:a||g,onClick:e=>{!x||g||a||x(e)},size:v,mode:r,width:y,isFill:O,isText:!!e||!!t},g&&l.default.createElement(u.Loading,{mode:r},l.default.createElement(c.Loader,{color:(0,h.getMode)(p.palette[k])[r].default.color})),i?l.default.createElement(u.IconLeft,{isText:!!e,size:v},i):null,e?l.default.createElement(m.Typography,{tag:"span",variant:"XS"===v?"description-Medium":"text-Medium"},e):null,!e&&t?t:null,o?l.default.createElement(u.IconRight,{isText:!!e,size:v},o):null))}));t.Button=v},2258:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Button=void 0;var r=n(6450);Object.defineProperty(t,"Button",{enumerable:!0,get:function(){return r.Button}})},6324:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.FirstLine=t.Subtitle=t.Hint=t.TitleLink=t.Title=t.TitleContainer=t.Header=t.Container=void 0;const o=i(n(1608)),l=n(4542),u=o.default.div`
   width: ${e=>e.width};
-  background: ${e=>e.theme.background.field};
+  background: ${e=>e.theme.background.content};
   box-shadow: ${e=>e.theme.shadow.basicDefault};
   border-radius: 12px;
   padding: ${e=>e.padding};
@@ -3241,9 +3241,10 @@
         color: ${e=>e.theme.text.contrast};
       }
     `}
-`;t.Tab=u},1376:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;const l=o(n(8156)),u=i(n(885)),c=o(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.TabListCell=({listClass:e,styleTab:t={},styleList:n={},tabClass:r,options:a,size:i="S",selectedValue:o,onChange:p})=>{const{mode:h}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[h]},l.default.createElement(u.Container,{style:n,className:(0,c.default)("tabList-container",e)},a.map((e=>l.default.createElement(u.Tab,{size:i,style:t,active:o===e.value,className:(0,c.default)("tabList-item",r),key:e.value,onClick:t=>((e,t)=>{p&&p(e,t)})(e.value,t)},e.label)))))}},2844:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;var r=n(1376);Object.defineProperty(t,"TabListCell",{enumerable:!0,get:function(){return r.TabListCell}})},1713:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Button=t.Container=t.Wrapper=void 0;const a=r(n(1608)),i=n(4542);t.Wrapper=a.default.div`
+`;t.Tab=u},1376:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;const l=o(n(8156)),u=i(n(885)),c=o(n(4184)),s=n(1608),d=n(1197),f=n(1899);t.TabListCell=({listClass:e,styleTab:t={},styleList:n={},tabClass:r,options:a,size:i="S",selectedValue:o,onChange:p})=>{const{mode:h}=(0,d.useMode)();return l.default.createElement(s.ThemeProvider,{theme:f.palette[h]},l.default.createElement(u.Container,{style:n,className:(0,c.default)("tabList-container",e)},a.map((e=>l.default.createElement(u.Tab,{size:i,style:t,active:o===e.value,className:(0,c.default)("tabList-item",r),key:e.value,onClick:t=>((e,t)=>{p&&p(e,t)})(e.value,t)},e.label)))))}},2844:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.TabListCell=void 0;var r=n(1376);Object.defineProperty(t,"TabListCell",{enumerable:!0,get:function(){return r.TabListCell}})},1713:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.LineIndicator=t.Button=t.Container=t.Wrapper=void 0;const a=r(n(1608)),i=n(4542);t.Wrapper=a.default.div`
   max-width: 100%;
 `,t.Container=a.default.div`
+  position: relative;
   display: flex;
   align-items: center;
   gap: 20px;
@@ -3263,7 +3264,6 @@
   background: transparent;
   outline: none;
   border: none;
-  border-bottom: ${e=>e.isActive?`2px solid ${e.theme.stroke.accent}`:"2px solid transparent"};
   color: ${e=>e.isActive?e.theme.text.primary:e.theme.text.fourth};
   cursor: pointer;
   display: flex;
@@ -3281,7 +3281,17 @@
     cursor: default;
     pointer-events: none;
   }
-`},1579:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i})=>{const h=(0,o.useRef)(null),{mode:m}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[m]},o.default.createElement(l.Wrapper,null,o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:h},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(h.current&&h.current.children[e]){const t=h.current.children[e],n=h.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?h.current.scrollTo({left:h.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&h.current.scrollTo({left:h.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}}))))))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
+`,t.LineIndicator=a.default.div`
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: ${e=>`${e.width}px`};
+  height: 2px;
+  background: ${e=>e.theme.stroke.accent};
+  transition: ${()=>`all 0.3s ${i.AnimationFunctions.animation_1}`};
+  will-change: transform;
+  transform: ${e=>`translateX(${e.position}px)`};
+`},1579:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;const o=i(n(8156)),l=i(n(1713)),u=n(1489),c=n(5492),s=n(4103),d=n(1197),f=n(1899),p=n(1608);t.Tabs=({style:e,onChange:t,options:n,selectedValue:r,indent:a=16,counterType:i})=>{const[h,m]=(0,o.useState)({left:0,width:0}),v=(0,o.useRef)(null);(0,o.useEffect)((()=>{if(r){const e=n.findIndex((e=>e.value===r));g(e)}}),[r]);const g=e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=v.current.scrollLeft,i=r.left-n.left+a,o=r.width;m({left:i,width:o})}},{mode:b}=(0,d.useMode)();return o.default.createElement(p.ThemeProvider,{theme:f.palette[b]},o.default.createElement(l.Wrapper,null,o.default.createElement(u.DragScroll,null,o.default.createElement(l.Container,{indent:a,style:e,ref:v},n.map(((e,n)=>o.default.createElement(l.Button,{key:n,onClick:r=>((e,n,r)=>{t&&t(e,n),(e=>{if(v.current&&v.current.children[e]){const t=v.current.children[e],n=v.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>0?v.current.scrollTo({left:v.current.scrollLeft+a+10,behavior:"smooth"}):i<0&&v.current.scrollTo({left:v.current.scrollLeft+i-10,behavior:"smooth"})}})(r)})(e.value,r,n),isActive:r===e.value},o.default.createElement(c.Typography,{tag:"span",variant:"controls-Medium"},e.label),void 0!==e.dataCount&&o.default.createElement(s.Counter,{number:e.dataCount,type:i,style:{marginLeft:"4px"}})))),o.default.createElement(l.LineIndicator,{position:h.left,width:h.width})))))}},9532:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Tabs=void 0;var r=n(1579);Object.defineProperty(t,"Tabs",{enumerable:!0,get:function(){return r.Tabs}})},6952:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.getMode=t.TextButtonSize=void 0,t.TextButtonSize={M:{fontWeight:400,fontSize:"14px",lineHeight:"16px"},S:{fontWeight:400,fontSize:"12px",lineHeight:"16px"}},t.getMode=e=>({blue:{default:{color:e.text.accent},hover:{color:e.text.accentSecondary},active:{color:e.text.accent},disabled:{color:e.text.tertiary}},gray:{default:{color:e.text.secondary},hover:{color:e.text.secondary},active:{color:e.text.secondary},disabled:{color:e.text.tertiary}}})},9876:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.IconRight=t.IconLeft=t.TextButton=void 0;const a=r(n(1608)),i=n(6952);t.TextButton=a.default.button`
   font-family: Manrope, sans-serif;
   cursor: pointer;
   width: fit-content;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "profinansy-ui-lib",
-  "version": "3.1.29",
+  "version": "3.1.31",
   "main": "./dist/index.js",
   "license": "MIT",
   "devDependencies": {