profinansy-ui-lib 3.8.21 → 3.8.22

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

@@ -4,7 +4,7 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
     $isOverflowAuto: boolean;
 }>> & string;
 export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CenterBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $open: boolean;
     $showCloseButton: boolean;

package/dist/profinansy-ui-lib.cjs.js

@@ -471,7 +471,8 @@ Check the top-level render call using <`+q+">.")}return G}}function U2(M,G){{if(
   justify-content: center;
 `,rh=h.styled.div`
   position: relative;
-  padding: 24px 16px;
+  display: flex;
+  flex-direction: column;
   border-radius: 24px;
   box-shadow: 0 14px 30px -4px rgba(0, 0, 0, 0.2);
   background: ${e=>e.theme.background.content};
@@ -485,7 +486,6 @@ Check the top-level render call using <`+q+">.")}return G}}function U2(M,G){{if(
     `};
   @media (max-width: ${ae}px) {
     border-radius: 24px 24px 0 0;
-    padding: 16px 8px;
     max-width: 100%;
     width: 100%;
     position: fixed;
@@ -498,14 +498,14 @@ Check the top-level render call using <`+q+">.")}return G}}function U2(M,G){{if(
       `};
   }
 `,oh=h.styled.div`
-  height: 100%;
-  max-height: ${e=>e.$isOverflowAuto?"auto":"calc(100dvh  - 78px)"};
   overflow-y: ${e=>e.$isOverflowAuto?"visible":"auto"};
   padding: 0 8px;
+  margin: 24px 16px;
+  flex: 1;
   ${Et};
   @media (max-width: ${ae}px) {
-    max-height: calc(90dvh - 48px);
     overflow-y: auto;
+    margin: 16px 8px;
     ${m3}
   }
 `,ih=h.styled.div`
@@ -540,10 +540,10 @@ Check the top-level render call using <`+q+">.")}return G}}function U2(M,G){{if(
   position: sticky;
   border-top: 0.5px solid ${e=>e.theme.stroke.tertiary};
   background: ${e=>e.theme.background.content};
-  padding-top: 24px;
-  margin-top: 24px;
+  padding: 24px;
+  border-radius: 0 0 24px 24px;
   @media (max-width: ${ae}px) {
-    padding-top: 16px;
+    padding: 16px;
   }
 `,uh=h.styled.button`
   display: flex;
@@ -573,7 +573,7 @@ Check the top-level render call using <`+q+">.")}return G}}function U2(M,G){{if(
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var Ol;function hh(){return Ol||(Ol=1,function(e){(function(){var t={}.hasOwnProperty;function n(){for(var i="",a=0;a<arguments.length;a++){var l=arguments[a];l&&(i=o(i,r(l)))}return i}function r(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return n.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var a="";for(var l in i)t.call(i,l)&&i[l]&&(a=o(a,l));return a}function o(i,a){return a?i?i+" "+a:i+a:i}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(ea)),ea.exports}var mh=hh();const Be=y9(mh),gh=()=>{const[e,t]=m.useState(!1);return m.useEffect(()=>{const n=document.getElementById(x3);if(!n)return;const r=n.children[n.children.length-1];if(!r)return;const o=Array.from(r.children).filter(a=>a instanceof HTMLDivElement),i=o[o.length-1];return t(!0),i.style.display="none",()=>{i&&(i.style.display="flex")}},[]),{isExistStack:e}},x3="react-modals",Nt=e=>{const{animation:t,showModal:n,content:r,handleClose:o}=bi({isOpen:e.open,children:e.children,onClose:e.onClose});return n?s.jsx(Ch,{...e,onClose:o,animation:t,children:r}):null},Ch=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:o=!0,styleContent:i,styleContentInside:a,classNameWrapper:l,styleBackground:c,styleWrapper:u,classNameBackground:f,classNameContent:p,className:C,classNameHeader:g,animation:v,disableClosing:b=!1,titlePosition:x="left",isOverflowAuto:y=!1,rightContent:E,bottomContent:w,adaptiveRightContent:I,maxWidth:k,containerId:$=x3})=>{const L=()=>{b||S()},S=()=>{e&&e()};vi(L);const{isExistStack:D}=gh(),{mode:j}=te();return s.jsx(Q1,{id:$,children:s.jsx(h.ThemeProvider,{theme:J[j],children:s.jsxs(eh,{className:Be(l,"modal-wrapper",C),$open:v,style:u,$isOverflowAuto:y,children:[!D&&s.jsx(th,{className:f,onClick:L,style:c}),s.jsx(nh,{children:s.jsxs(rh,{$isOverflowAuto:y,$maxWidth:k,$open:v,$showCloseButton:o,className:Be(p,"modal-content"),style:i,children:[o&&s.jsx(uh,{onClick:e,children:s.jsx(b3,{className:"modal-closeBtn"})}),s.jsxs(oh,{$isOverflowAuto:y,style:a,className:"modal-contentInside",children:[!!n&&s.jsxs(ih,{className:Be(g,"modal-header"),children:[s.jsxs(ah,{adaptiveRightContent:I,children:[s.jsx(sh,{titlePosition:x,tag:"h5",variant:"header5-Bold",children:n}),E||null]}),!!r&&s.jsx(lh,{tag:"span",variant:"text-Regular",children:r})]}),t,w&&s.jsx(ch,{className:"modal-bottomContent",children:w})]})]})})]})})})},vh=h.styled.div`
+*/var Ol;function hh(){return Ol||(Ol=1,function(e){(function(){var t={}.hasOwnProperty;function n(){for(var i="",a=0;a<arguments.length;a++){var l=arguments[a];l&&(i=o(i,r(l)))}return i}function r(i){if(typeof i=="string"||typeof i=="number")return i;if(typeof i!="object")return"";if(Array.isArray(i))return n.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var a="";for(var l in i)t.call(i,l)&&i[l]&&(a=o(a,l));return a}function o(i,a){return a?i?i+" "+a:i+a:i}e.exports?(n.default=n,e.exports=n):window.classNames=n})()}(ea)),ea.exports}var mh=hh();const Be=y9(mh),gh=()=>{const[e,t]=m.useState(!1);return m.useEffect(()=>{const n=document.getElementById(x3);if(!n)return;const r=n.children[n.children.length-1];if(!r)return;const o=Array.from(r.children).filter(a=>a instanceof HTMLDivElement),i=o[o.length-1];return t(!0),i.style.display="none",()=>{i&&(i.style.display="flex")}},[]),{isExistStack:e}},x3="react-modals",Nt=e=>{const{animation:t,showModal:n,content:r,handleClose:o}=bi({isOpen:e.open,children:e.children,onClose:e.onClose});return n?s.jsx(Ch,{...e,onClose:o,animation:t,children:r}):null},Ch=({onClose:e,children:t,title:n,subtitle:r,showCloseButton:o=!0,styleContent:i,styleContentInside:a,classNameWrapper:l,styleBackground:c,styleWrapper:u,classNameBackground:f,classNameContent:p,className:C,classNameHeader:g,animation:v,disableClosing:b=!1,titlePosition:x="left",isOverflowAuto:y=!1,rightContent:E,bottomContent:w,adaptiveRightContent:I,maxWidth:k,containerId:$=x3})=>{const L=()=>{b||S()},S=()=>{e&&e()};vi(L);const{isExistStack:D}=gh(),{mode:j}=te();return s.jsx(Q1,{id:$,children:s.jsx(h.ThemeProvider,{theme:J[j],children:s.jsxs(eh,{className:Be(l,"modal-wrapper",C),$open:v,style:u,$isOverflowAuto:y,children:[!D&&s.jsx(th,{className:f,onClick:L,style:c}),s.jsx(nh,{children:s.jsxs(rh,{$isOverflowAuto:y,$maxWidth:k,$open:v,$showCloseButton:o,className:Be(p,"modal-content"),style:i,children:[o&&s.jsx(uh,{onClick:e,children:s.jsx(b3,{className:"modal-closeBtn"})}),s.jsxs(oh,{$isOverflowAuto:y,style:a,className:"modal-contentInside",children:[!!n&&s.jsxs(ih,{className:Be(g,"modal-header"),children:[s.jsxs(ah,{adaptiveRightContent:I,children:[s.jsx(sh,{titlePosition:x,tag:"h5",variant:"header5-Bold",children:n}),E||null]}),!!r&&s.jsx(lh,{tag:"span",variant:"text-Regular",children:r})]}),t]}),w&&s.jsx(ch,{className:"modal-bottomContent",children:w})]})})]})})})},vh=h.styled.div`
   display: flex;
   font-family: 'Manrope', sans-serif;
   max-width: 900px;