profinansy-ui-lib 2.0.46 → 2.0.47

package/dist/index.js

@@ -1492,14 +1492,17 @@
   color: #202020;
 `;t.Title=f;const p=a.default.div`
   height: calc(100% - 85px);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
   overflow-y: scroll;
   overflow-x: hidden;
-  padding: 26px 58px 70px 58px;
+  padding: 26px 58px 26px 58px;
   @media (max-width: 1440px) {
-    padding: 26px 30px 70px 30px;
+    padding: 26px 30px 26px 30px;
   }
   @media (max-width: 700px) {
-    padding: 26px 18px 70px 18px;
+    padding: 26px 18px 26px 18px;
   }
   ${o.Scroll}
 `;t.Content=p;const h=(0,a.default)(i.Button)`
@@ -1509,13 +1512,13 @@
 `;t.ButtonStyle=h;const m=a.default.div`
   width: 100%;
   position: sticky;
-  bottom: -70px;
+  bottom: -26px;
   background: linear-gradient(
     to bottom,
     rgba(255, 255, 255, 0.8) 0%,
     rgba(255, 255, 255, 1) 100%
   );
-`;t.BottomContent=m},998: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}),o=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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;const l=i(n(8156)),u=i(n(8522)),s=i(n(5881)),c=n(7033),d=n(2258),f=i(n(4184)),p=n(3848),h=o(n(9540)),m=n(4934);t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,onBack:t,children:n,title:r,animation:a,rightContent:o,bottomContent:i,classNameHeader:c,classNameContent:v,modalContent:g})=>{const b=()=>{e&&e()};return l.default.createElement(p.Portal,{id:"react-sideModals"},l.default.createElement(h.Wrapper,{isOpen:a},l.default.createElement(h.Layout,{onClick:b}),l.default.createElement(h.Sidebar,{className:(0,f.default)(v),id:"side-modal"},l.default.createElement(h.Header,{className:(0,f.default)(c)},l.default.createElement(h.LeftWrapper,null,t&&l.default.createElement(s.default,{onClick:t}),l.default.createElement(h.Title,null,r)),o||l.default.createElement(h.ButtonStyle,{iconLeft:l.default.createElement(u.default,null),size:"S",onClick:b,theme:d.ButtonTheme.Tertiary})),l.default.createElement(h.Content,null,n,l.default.createElement(h.BottomContent,null,i)),l.default.createElement(m.ModalInSidebar,Object.assign({},g)))))}},5332: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.Title=t.CloseButton=t.Header=t.Content=t.Wrapper=void 0;const a=r(n(2788));t.Wrapper=a.default.div`
+`;t.BottomContent=m},998: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}),o=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},i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.SideModal=void 0;const l=i(n(8156)),u=i(n(8522)),s=i(n(5881)),c=n(7033),d=n(2258),f=i(n(4184)),p=n(3848),h=o(n(9540)),m=n(4934);t.SideModal=e=>{const{content:t,animation:n,showModal:r}=(0,c.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(v,Object.assign({},e,{animation:n}),t):null};const v=({onClose:e,onBack:t,children:n,title:r,animation:a,rightContent:o,bottomContent:i,classNameHeader:c,classNameContent:v,modalContent:g})=>{const b=()=>{e&&e()};return l.default.createElement(p.Portal,{id:"react-sideModals"},l.default.createElement(h.Wrapper,{isOpen:a},l.default.createElement(h.Layout,{onClick:b}),l.default.createElement(h.Sidebar,{className:(0,f.default)(v),id:"side-modal"},l.default.createElement(h.Header,{className:(0,f.default)(c)},l.default.createElement(h.LeftWrapper,null,t&&l.default.createElement(s.default,{onClick:t}),l.default.createElement(h.Title,null,r)),o||l.default.createElement(h.ButtonStyle,{iconLeft:l.default.createElement(u.default,null),size:"S",onClick:b,theme:d.ButtonTheme.Tertiary})),l.default.createElement(h.Content,null,l.default.createElement("div",null,n),l.default.createElement(h.BottomContent,null,i)),l.default.createElement(m.ModalInSidebar,Object.assign({},g)))))}},5332: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.Title=t.CloseButton=t.Header=t.Content=t.Wrapper=void 0;const a=r(n(2788));t.Wrapper=a.default.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -1523,9 +1526,13 @@
   right: 0;
   background: rgba(90, 90, 90, 0.4);
   border-radius: 16px;
+  @media (max-width: 700px) {
+    border-radius: 0;
+  }
 `,t.Content=a.default.div`
   padding: 16px;
   min-width: 300px;
+  width: calc(100% - 40px);
   max-width: 500px;
   top: 50%;
   left: 50%;
@@ -1545,7 +1552,9 @@
   background: #ffffff;
   border-radius: 50%;
   width: 28px;
+  min-width: 28px;
   height: 28px;
+  min-height: 28px;
   display: flex;
   align-items: center;
   justify-content: center;

package/package.json

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