profinansy-ui-lib 3.3.50 → 3.3.51

package/dist/components/uikit/Button/Button.const.d.ts

@@ -1,6 +1,13 @@
-import { ButtonForm, TModesStyle } from './Button.typed';
+import { ButtonForm, TButtonMode, TModesStyle } from './Button.typed';
 import { TTheme } from '../../../theme/theme.typed';
-export declare const getSize: (form: ButtonForm) => {
+export declare const getSize: (mode: TButtonMode, form: ButtonForm) => {
+    height: string;
+    maxHeight: string;
+    borderRadius: string;
+    M?: undefined;
+    S?: undefined;
+    XS?: undefined;
+} | {
     M: {
         height: string;
         maxHeight: string;
@@ -16,5 +23,8 @@ export declare const getSize: (form: ButtonForm) => {
         maxHeight: string;
         borderRadius: string;
     };
+    height?: undefined;
+    maxHeight?: undefined;
+    borderRadius?: undefined;
 };
 export declare const getMode: (theme: TTheme) => TModesStyle;

package/dist/components/uikit/Dropdown/Dropdown.d.ts

@@ -43,7 +43,7 @@ export declare function useDrop({ placement, onOpenList }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/FilterButton/Drop/Drop.d.ts

@@ -42,7 +42,7 @@ export declare function useDrop({ placement }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/Hint/Hint.d.ts

@@ -44,7 +44,7 @@ export declare function useHint({ placement, isClickMobile }?: HintOptions): {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/components/uikit/Popup/Popup.d.ts

@@ -47,7 +47,7 @@ export declare function usePopup({ placement, isHover }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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

@@ -6,6 +6,7 @@ export interface ISortedButton {
     isStroke?: boolean;
     /** Иконка справа */
     isIconRight?: boolean;
+    /** isAsc сортировка. Нужно для определения разворота иконки */
     isASC: boolean;
     /** Callback по нажатию на кнопку */
     onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/dist/components/uikit/Tooltip/Tooltip.d.ts

@@ -44,7 +44,7 @@ export declare function useTooltip({ placement, isHover, showArrow }: {
     };
     getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
     getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/index.js

@@ -3588,7 +3588,7 @@
       }
     }
   }
-`},4005: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.Like=void 0;const o=i(n(8156)),l=i(n(3133)),u=n(5492);t.Like=({isActive:e,amount:t,onClick:n})=>{const[r,a]=(0,o.useState)(!1);return(0,o.useEffect)((()=>{a(e)}),[e]),o.default.createElement(l.Button,{onClick:()=>{a(!r),n()}},o.default.createElement(l.Like,{className:r&&"like_active"}),o.default.createElement(u.Typography,{variant:"caption-Medium",tag:"span",colorName:r?"negative":"fourth"},t))}},9633:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Like=void 0;var r=n(4005);Object.defineProperty(t,"Like",{enumerable:!0,get:function(){return r.Like}})},2095: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.Close=t.IconContainer=t.Left=t.Header=t.Container=void 0;const o=i(n(1608)),l=n(4542),u=n(140),s=n(98);t.Container=o.default.div`
+`},4005: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.Like=void 0;const o=i(n(8156)),l=i(n(3133)),u=n(5492),s=n(1899),c=n(1608),d=n(1197);t.Like=({isActive:e,amount:t,onClick:n})=>{const[r,a]=(0,o.useState)(!1);(0,o.useEffect)((()=>{a(e)}),[e]);const{mode:i}=(0,d.useMode)();return o.default.createElement(c.ThemeProvider,{theme:s.palette[i]},o.default.createElement(l.Button,{onClick:()=>{a(!r),n()}},o.default.createElement(l.Like,{className:r&&"like_active"}),o.default.createElement(u.Typography,{variant:"caption-Medium",tag:"span",colorName:r?"negative":"fourth"},t)))}},9633:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Like=void 0;var r=n(4005);Object.defineProperty(t,"Like",{enumerable:!0,get:function(){return r.Like}})},2095: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.Close=t.IconContainer=t.Left=t.Header=t.Container=void 0;const o=i(n(1608)),l=n(4542),u=n(140),s=n(98);t.Container=o.default.div`
   position: relative;
   width: 388px;
   border-radius: 12px;
@@ -3781,7 +3781,7 @@
       fill: ${e=>e.theme.icons.accent};
     }
   }
-`},3428: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.Views=void 0;const l=o(n(8156)),u=i(n(1042)),s=n(5492);t.Views=({amount:e,isViewed:t})=>l.default.createElement(u.Container,null,l.default.createElement(u.Eye,{className:t&&"views_active"}),l.default.createElement(s.Typography,{variant:"caption-Medium",tag:"span",colorName:"fourth"},e||0))},7791:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Views=void 0;var r=n(3428);Object.defineProperty(t,"Views",{enumerable:!0,get:function(){return r.Views}})},518: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.Link=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
+`},3428: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.Views=void 0;const l=o(n(8156)),u=i(n(1042)),s=n(5492),c=n(1899),d=n(1608),f=n(1197);t.Views=({amount:e,isViewed:t})=>{const{mode:n}=(0,f.useMode)();return l.default.createElement(d.ThemeProvider,{theme:c.palette[n]},l.default.createElement(u.Container,null,l.default.createElement(u.Eye,{className:t&&"views_active"}),l.default.createElement(s.Typography,{variant:"caption-Medium",tag:"span",colorName:"fourth"},e||0)))}},7791:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Views=void 0;var r=n(3428);Object.defineProperty(t,"Views",{enumerable:!0,get:function(){return r.Views}})},518: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.Link=t.Container=void 0;const a=r(n(1608));t.Container=a.default.div`
   display: flex;
   margin-top: 20px;
   gap: 20px;
@@ -5970,7 +5970,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),s=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(s.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),s=n(4103),c=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:m="base",multi:h=!1,tabClass:p},g)=>o.default.createElement(l.Container,{mode:a,style:i,ref:g,scroll:m,mobileIndent:e},t.map(((e,t)=>o.default.createElement(l.Button,{className:p,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 e!==n&&r(e,t);"none"!==m&&(e=>{if(g.current&&g.current.children[e])if(window.innerWidth>c.TABLET_WIDTH){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?g.current.scrollTo({left:g.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&g.current.scrollTo({left:g.current.scrollLeft+i-60,behavior:"smooth"})}else g.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(s.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),s=i(n(8444)),c=n(1489),d=n(1189),f=n(1608),m=n(1197),h=o(n(3173)),p=n(4884),g=n(3738);t.WithScroll=e=>{const{scroll:t="base"}=e,n=(0,l.useRef)(null),[r,a]=(0,l.useState)(!1),[i,o]=(0,l.useState)(!1);(0,l.useEffect)((()=>{let e;const t=()=>{if(n.current){const{scrollLeft:e,scrollWidth:t,clientWidth:r}=n.current;a(e>0),o(e+2+r<t)}},r=()=>{e=setTimeout((()=>{t()}),400)};r();const i=h.default.subscribe(p.BusEvent.SideMenuOpen,r);return n.current&&(n.current.addEventListener("scroll",t),window.addEventListener("resize",(0,g.debounce)(t,200))),()=>{clearTimeout(e),i(),n.current&&(n.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[]);const v=e=>{n.current&&n.current.scrollTo({left:n.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:b}=(0,m.useMode)();return l.default.createElement(f.ThemeProvider,{theme:u.palette[b]},l.default.createElement(s.Wrapper,null,r&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.Mute,{isLeft:!0,scroll:t}),l.default.createElement(s.LeftButton,{onClick:()=>v(!0),direction:"left"})),l.default.createElement(c.DragScroll,null,l.default.createElement(d.Content,Object.assign({ref:n},e))),i&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.Mute,{scroll:t}),l.default.createElement(s.RightButton,{onClick:()=>v(!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),s=(e,t,n)=>"flatBrand"===e||"flatSystem"===e?0:"M"===t?n?20:12:"S"===t?n?16:8:n?12:4,c=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),s=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(s.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),s=n(4103),c=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:m="base",multi:h=!1,tabClass:p},g)=>o.default.createElement(l.Container,{mode:a,style:i,ref:g,scroll:m,mobileIndent:e},t.map(((e,t)=>o.default.createElement(l.Button,{className:p,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 e!==n&&r(e,t);"none"!==m&&(e=>{if(g.current&&g.current.children[e])if(window.innerWidth>c.TABLET_WIDTH){const t=g.current.children[e],n=g.current.getBoundingClientRect(),r=t.getBoundingClientRect(),a=r.right-n.right,i=r.left-n.left;a>-48?g.current.scrollTo({left:g.current.scrollLeft+a+60,behavior:"smooth"}):i<48&&g.current.scrollTo({left:g.current.scrollLeft+i-60,behavior:"smooth"})}else g.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(s.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),s=i(n(8444)),c=n(1489),d=n(1189),f=n(1608),m=n(1197),h=o(n(3173)),p=n(4884),g=n(3738);t.WithScroll=e=>{const{scroll:t="base"}=e,n=(0,l.useRef)(null),[r,a]=(0,l.useState)(!1),[i,o]=(0,l.useState)(!1);(0,l.useEffect)((()=>{let e;const t=()=>{if(n.current){const{scrollLeft:e,scrollWidth:t,clientWidth:r}=n.current;a(e>0),o(e+2+r<t)}},r=()=>{e=setTimeout((()=>{t()}),400)};r();const i=h.default.subscribe(p.BusEvent.SideMenuOpen,r);return n.current&&(n.current.addEventListener("scroll",t),window.addEventListener("resize",(0,g.debounce)(t,200))),()=>{clearTimeout(e),i(),n.current&&(n.current.removeEventListener("scroll",t),window.removeEventListener("resize",t))}}),[]);const v=e=>{n.current&&n.current.scrollTo({left:n.current.scrollLeft+(e?-400:400),behavior:"smooth"})},{mode:b}=(0,m.useMode)();return l.default.createElement(f.ThemeProvider,{theme:u.palette[b]},l.default.createElement(s.Wrapper,null,r&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.Mute,{isLeft:!0,scroll:t}),l.default.createElement(s.LeftButton,{onClick:()=>v(!0),direction:"left"})),l.default.createElement(c.DragScroll,null,l.default.createElement(d.Content,Object.assign({ref:n},e))),i&&l.default.createElement(l.default.Fragment,null,l.default.createElement(s.Mute,{scroll:t}),l.default.createElement(s.RightButton,{onClick:()=>v(!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,t)=>"flatSystem"===e||"flatBrand"===e?{height:"auto",maxHeight:"auto",borderRadius:"0px"}:{M:{height:"44px",maxHeight:"44px",borderRadius:"square"===t?"10px":"56px"},S:{height:"36px",maxHeight:"36px",borderRadius:"square"===t?"8px":"56px"},XS:{height:"26px",maxHeight:"26px",borderRadius:"square"===t?"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),s=(e,t,n)=>"flatBrand"===e||"flatSystem"===e?0:"M"===t?n?20:12:"S"===t?n?16:8:n?12:4,c=o.default.button`
   position: relative;
   font-family: 'Manrope', sans-serif;
   display: flex;
@@ -5978,7 +5978,7 @@
   justify-content: center;
   box-sizing: border-box;
   cursor: pointer;
-  ${({size:e,$form:t})=>(0,l.getSize)(t)[e]}
+  ${({size:e,$form:t,mode:n})=>(0,l.getSize)(n,t)[e]}
   width: ${e=>e.width||"auto"};
   color: ${e=>(0,l.getMode)(e.theme)[e.mode].default.color};
   border: ${e=>(0,l.getMode)(e.theme)[e.mode].default.border||"none"};

package/package.json

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