profinansy-ui-lib 2.0.80 → 2.0.81

package/dist/index.js

@@ -1246,7 +1246,7 @@
   font-weight: 700;
   margin: 0;
   padding-bottom: 4px;
-  padding-right: 34px;
+  padding-right: 44px;
   text-align: ${e=>e.titlePosition};
 `,t.Subtitle=a.default.span`
   font-family: Manrope, sans-serif;
@@ -1257,8 +1257,9 @@
   margin: 0;
 `,t.CloseButton=a.default.div`
   position: absolute;
-  top: 10px;
-  right: 10px;
+  z-index: 10;
+  top: 6px;
+  right: 6px;
   cursor: pointer;
   border: 0.5px solid ${e=>e.theme.stroke.primary};
   background: transparent;
@@ -1272,6 +1273,7 @@
     fill: ${e=>e.theme.icons.primary};
   }
   &:hover {
+    border: 0.5px solid ${e=>e.theme.stroke.accent};
     & path {
       fill: ${e=>e.theme.icons.accent};
     }
@@ -1625,24 +1627,15 @@
   &:hover path {
     fill: ${e=>e.theme.icons.accentSecondary};
   }
-`;t.CloseIconStyle=p},7981: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.Sidebar=void 0;const l=i(n(8156)),u=n(7033),s=n(3848),c=o(n(7320)),d=n(2788),f=n(1197),p=n(1899);t.Sidebar=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(h,Object.assign({},e,{animation:n}),t):null};const h=({onClose:e,title:t,children:n,animation:r,isShowCloseBtn:a=!0})=>{const o=t=>{null==t||t.stopPropagation(),e&&e()},{mode:i}=(0,f.useMode)();return l.default.createElement(s.Portal,{id:"react-sidebar"},l.default.createElement(d.ThemeProvider,{theme:p.palette[i]},l.default.createElement(c.Wrapper,{isOpen:r},l.default.createElement(c.Layout,{onClick:o}),l.default.createElement(c.Sidebar,{isOpen:r},l.default.createElement(c.Header,null,l.default.createElement(c.Title,null,t),a&&l.default.createElement(c.CloseIconStyle,{onClick:o})),l.default.createElement(c.Content,null,n)))))}},9647:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;var r=n(7981);Object.defineProperty(t,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}})},8126: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;const i=o(n(2788)),l=i.keyframes`
-    0% {
-        background-position: 0 0
-    }
-    100% {
-        background-position: -135% 0
-    }
-`,u=i.default.div`
+`;t.CloseIconStyle=p},7981: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.Sidebar=void 0;const l=i(n(8156)),u=n(7033),s=n(3848),c=o(n(7320)),d=n(2788),f=n(1197),p=n(1899);t.Sidebar=e=>{const{content:t,animation:n,showModal:r}=(0,u.useTransitionModal)(e.isOpen,e.children,e.onClose);return r?l.default.createElement(h,Object.assign({},e,{animation:n}),t):null};const h=({onClose:e,title:t,children:n,animation:r,isShowCloseBtn:a=!0})=>{const o=t=>{null==t||t.stopPropagation(),e&&e()},{mode:i}=(0,f.useMode)();return l.default.createElement(s.Portal,{id:"react-sidebar"},l.default.createElement(d.ThemeProvider,{theme:p.palette[i]},l.default.createElement(c.Wrapper,{isOpen:r},l.default.createElement(c.Layout,{onClick:o}),l.default.createElement(c.Sidebar,{isOpen:r},l.default.createElement(c.Header,null,l.default.createElement(c.Title,null,t),a&&l.default.createElement(c.CloseIconStyle,{onClick:o})),l.default.createElement(c.Content,null,n)))))}},9647:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Sidebar=void 0;var r=n(7981);Object.defineProperty(t,"Sidebar",{enumerable:!0,get:function(){return r.Sidebar}})},8126: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.Skeleton=void 0;const a=r(n(2788)).default.div`
   width: 100%;
   max-width: ${e=>e.maxWidth?`${e.maxWidth}px`:"100%"};
   height: ${e=>`${e.height}px`};
   margin-bottom: ${e=>`${e.bottom}px`};
   margin-right: ${e=>`${e.right}px`};
   border-radius: ${e=>`${e.radius}px`};
-  background: ${e=>`linear-gradient(\n        -90deg,\n        ${e.theme.background.secondaryAlpha} 0%,\n        ${e.theme.statesBackground.secondaryAlphaActive} 50%,\n        ${e.theme.background.secondaryAlpha} 100%\n    )`};
-  background-size: 400% 400%;
-  animation: ${l} 1.2s ease-in-out infinite;
-`;t.Skeleton=u},6837: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.Skeleton=void 0;const l=i(n(8156)),u=o(n(8126)),s=i(n(4184)),c=n(2788),d=n(1197),f=n(1899);t.Skeleton=({height:e,maxWidth:t,bottom:n=16,right:r=0,radius:a=12,className:o})=>{const{mode:i}=(0,d.useMode)();return l.default.createElement(c.ThemeProvider,{theme:f.palette[i]},l.default.createElement(u.Skeleton,{height:e,bottom:n,right:r,maxWidth:t,radius:a,className:(0,s.default)(o,"skeleton")}))}},295:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;var r=n(6837);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return r.Skeleton}})},2269: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Container=void 0;const i=o(n(2788)),l={L:"\n    width: 80px;\n    height: 80px;",M:"\n    width: 60px;\n    height: 60px;",S:"\n    width: 40px;\n    height: 40px;",XS:"\n    width: 20px;\n    height: 20px;"},u=i.keyframes`
+  background: ${e=>e.theme.background.secondaryAlpha};
+`;t.Skeleton=a},6837: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.Skeleton=void 0;const l=i(n(8156)),u=o(n(8126)),s=i(n(4184)),c=n(2788),d=n(1197),f=n(1899);t.Skeleton=({height:e,maxWidth:t,bottom:n=16,right:r=0,radius:a=12,className:o})=>{const{mode:i}=(0,d.useMode)();return l.default.createElement(c.ThemeProvider,{theme:f.palette[i]},l.default.createElement(u.Skeleton,{height:e,bottom:n,right:r,maxWidth:t,radius:a,className:(0,s.default)(o,"skeleton")}))}},295:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Skeleton=void 0;var r=n(6837);Object.defineProperty(t,"Skeleton",{enumerable:!0,get:function(){return r.Skeleton}})},2269: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};Object.defineProperty(t,"__esModule",{value:!0}),t.Container=void 0;const i=o(n(2788)),l={L:"\n    width: 80px;\n    height: 80px;",M:"\n    width: 60px;\n    height: 60px;",S:"\n    width: 40px;\n    height: 40px;",XS:"\n    width: 20px;\n    height: 20px;"},u=i.keyframes`
   from {
     transform: rotate(0deg);
   }

package/package.json

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