profinansy-ui-lib 2.0.55 → 2.0.56

package/dist/index.js

@@ -624,6 +624,7 @@
   font-size: 17px;
   line-height: 28px;
   font-weight: 400;
+  color: ${e=>e.theme.text.primary};
 `,t.Line=a.default.span`
   margin: 4px 0;
   width: 100%;
@@ -641,15 +642,16 @@
   cursor: pointer;
   position: relative;
   border-radius: 12px;
-  background: ${e=>e.isOpen?e.theme.background.accent:e.theme.background.primary};
+  background: ${e=>e.isOpen?e.theme.background.accent:e.theme.background.secondary};
   padding: 3px 10px;
-  color: ${e=>e.isOpen?e.theme.text.contrast:e.theme.text.accent};
+  color: ${e=>e.isOpen?e.theme.text.contrastThemed:e.theme.text.accent};
   font-size: 14px;
   font-weight: 500;
   line-height: 18px;
 `,t.ThemeContainer=a.default.div`
   min-width: 140px;
   padding: 4px 6px;
+  background: ${e=>e.theme.background.field};
 `,t.ThemeItem=a.default.div`
   cursor: pointer;
   padding: 10px 8px;
@@ -998,26 +1000,26 @@
 `},1481:(e,t)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CircleButtonSize=void 0,t.CircleButtonSize={L:{size:"\n      width: 36px;\n      height: 36px;\n    "},M:{size:"\n      width: 28px;\n      height: 28px;\n    "},S:{size:"\n    width: 22px;\n    height: 22px;\n    "}}},6405: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.CircleButton=void 0;const l=i(n(8156)),u=i(n(5881)),s=i(n(9081)),c=i(n(5553)),d=o(n(5674)),f=i(n(4184));t.CircleButton=({direction:e="left",className:t,style:n,size:r="L",onClick:a})=>{const o="L"===r?u.default:"M"===r?s.default:c.default;return l.default.createElement(d.Button,{onClick:a,style:n,className:(0,f.default)(t),size:r,direction:e},"left"===e&&l.default.createElement(d.IconWrapper,null,l.default.createElement(o,null)),"right"===e&&l.default.createElement(d.IconWrapper,null,l.default.createElement(o,null)))}},6286:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CircleButton=void 0;var r=n(6405);Object.defineProperty(t,"CircleButton",{enumerable:!0,get:function(){return r.CircleButton}})},9163: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.StoryItem=t.StoryList=t.List=t.Container=void 0;const a=r(n(2788)),o=a.default.div`
   position: relative;
 `;t.Container=o;const i=a.default.div`
-      position: absolute;
-      top: calc(100% + ${e=>e.down}px);
-      left: ${e=>e.left}px;
-      margin-top: 10px;
-      background: #ffffff;
-      border-radius: 12px;
-      box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.06);
-      z-index: 999999;
-      overflow: hidden;
-      ${e=>{return t=e.isOpen,e.withoutAnimation?`\n      visibility: ${t?"visible":"hidden"};\n    `:`\n    opacity: ${t?1:0};\n    visibility: ${t?"visible":"hidden"};\n    transform: ${t?"scale(1)":"scale(0)"};\n    transition-property: opacity, visibility, transform;\n    transition-duration: 0.2s;\n    transition-timing-function: ease-in-out;\n  `;var t}}
+  position: absolute;
+  top: calc(100% + ${e=>e.down}px);
+  left: ${e=>e.left}px;
+  margin-top: 10px;
+  background: ${e=>e.theme.background.field};
+  border-radius: 12px;
+  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.06), 0 4px 8px 0 rgba(0, 0, 0, 0.04);
+  z-index: 999999;
+  overflow: hidden;
+  ${e=>{return t=e.isOpen,e.withoutAnimation?`\n      visibility: ${t?"visible":"hidden"};\n    `:`\n    opacity: ${t?1:0};\n    visibility: ${t?"visible":"hidden"};\n    transform: ${t?"scale(1)":"scale(0)"};\n    transition-property: opacity, visibility, transform;\n    transition-duration: 0.2s;\n    transition-timing-function: ease-in-out;\n  `;var t}}
 `;t.List=i;const l=a.default.div`
-      width: 300px;
-      min-width: 300px;
+  width: 300px;
+  min-width: 300px;
 `;t.StoryList=l;const u=a.default.div`
-      padding: 8px;
-      font-size: 18px;
-      cursor: pointer;
-      &:hover {
-        color: blue;
-      }
+  padding: 8px;
+  font-size: 18px;
+  cursor: pointer;
+  &:hover {
+    color: blue;
+  }
 `;t.StoryItem=u},4196: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.Dropdown=void 0;const l=o(n(8156)),u=i(n(5431)),s=o(n(9163)),c=i(n(4184)),d=(0,l.forwardRef)((({targetElement:e,contentElement:t,onOpenList:n,withoutAnimation:r=!1,closeDropOnListClick:a,className:o},i)=>{const[d,f]=(0,l.useState)(!1),[p,h]=(0,l.useState)({left:0,down:0}),m=(0,l.useRef)(null),v=(0,l.useRef)(null),g=()=>{f(!1),n&&n(!1)};return(0,u.default)(d,g,v),(0,l.useImperativeHandle)(i,(()=>({handleClose(){g()}}))),l.default.createElement(s.Container,{className:(0,c.default)("dropdown-container"),ref:v,onClick:e=>e.stopPropagation()},l.default.cloneElement(e,{onClick:()=>{if(!d){const e=null==v?void 0:v.current.getBoundingClientRect(),t=null==m?void 0:m.current.clientWidth,r=null==m?void 0:m.current.clientHeight,a=window.innerWidth-(e.x+t),o=window.innerHeight-(e.y+r+2*e.height+10);let i=0,l=0;return a<=0&&(i=a-20),o<=0&&(l=o-20),h({left:i,down:l}),f(!0),void(n&&n(!0))}f(!1),n&&n(!1)}}),l.default.createElement(s.List,{onClick:()=>{a&&f(!1)},className:(0,c.default)("dropdown-list",o),ref:m,down:p.down,left:p.left,isOpen:d,withoutAnimation:r},t))}));t.Dropdown=d},1196:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Dropdown=void 0;var r=n(4196);Object.defineProperty(t,"Dropdown",{enumerable:!0,get:function(){return r.Dropdown}})},2962: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.Text=void 0;const a=r(n(2788));t.Text=a.default.span`
   font-size: 15px;
   line-height: 20px;

package/package.json

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