profinansy-ui-lib 3.3.49 → 3.3.50

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>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         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>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         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>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         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>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

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>, "selected" | "active"> & {
+    getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "active" | "selected"> & {
         active?: boolean;
         selected?: boolean;
     }) => Record<string, unknown>;

package/dist/index.js

@@ -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)=>"M"===e?t?20:12:"S"===e?t?16:8:t?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=>({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`
   position: relative;
   font-family: 'Manrope', sans-serif;
   display: flex;
@@ -5983,8 +5983,8 @@
   color: ${e=>(0,l.getMode)(e.theme)[e.mode].default.color};
   border: ${e=>(0,l.getMode)(e.theme)[e.mode].default.border||"none"};
   background: ${e=>(0,l.getMode)(e.theme)[e.mode].default.background};
-  padding-left: ${e=>`${s(e.size,e.isText)}px`};
-  padding-right: ${e=>`${s(e.size,e.isText)}px`};
+  padding-left: ${e=>`${s(e.mode,e.size,e.isText)}px`};
+  padding-right: ${e=>`${s(e.mode,e.size,e.isText)}px`};
   transition: all 0.3s ${u.AnimationFunctions.animation_1};
   & > span {
     white-space: nowrap;

package/package.json

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