profinansy-ui-lib 3.1.29 → 3.1.30

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/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};

package/package.json

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