@1money/react-ui 0.2.1-beta.0 → 0.2.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/es/components/Sidebar/Sidebar.js +97 -8
  2. package/es/components/Sidebar/interface.d.ts +10 -1
  3. package/es/components/Sidebar/style/Sidebar.css +1 -1
  4. package/es/components/Sidebar/style/Sidebar.scss +150 -4
  5. package/es/components/Tab/style/Tab.css +1 -1
  6. package/es/components/Tab/style/Tab.scss +5 -0
  7. package/es/index.css +1 -1
  8. package/lib/components/Sidebar/Sidebar.js +95 -6
  9. package/lib/components/Sidebar/interface.d.ts +10 -1
  10. package/lib/components/Sidebar/style/Sidebar.css +1 -1
  11. package/lib/components/Sidebar/style/Sidebar.scss +150 -4
  12. package/lib/components/Tab/style/Tab.css +1 -1
  13. package/lib/components/Tab/style/Tab.scss +5 -0
  14. package/lib/index.css +1 -1
  15. package/package.json +3 -1
package/es/components/Sidebar/Sidebar.js CHANGED
@@ -1,18 +1,107 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { memo } from 'react';
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { memo, useState, useCallback } from 'react';
3
4
  import propTypes from 'prop-types';
5
+ import { Sidebar as ProSidebar, Menu as ProMenu, MenuItem as ProMenuItem, SubMenu as ProSubMenu } from 'react-pro-sidebar';
4
6
  import classnames from '../../utils/classnames';
7
+ import Icons from '../Icons';
5
8
  export var Sidebar = function Sidebar(props) {
6
9
  var children = props.children,
10
+ menus = props.menus,
7
11
  className = props.className,
8
- onClick = props.onClick,
9
12
  _props$prefixCls = props.prefixCls,
10
- prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls;
13
+ prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls,
14
+ onCollapse = props.onCollapse,
15
+ onLogout = props.onLogout;
16
+ var _useState = useState(false),
17
+ _useState2 = _slicedToArray(_useState, 2),
18
+ collapsed = _useState2[0],
19
+ setCollapsed = _useState2[1];
11
20
  var classes = classnames(prefixCls);
12
- return _jsx("div", {
21
+ var handleCollapse = useCallback(function () {
22
+ setCollapsed(!collapsed);
23
+ onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
24
+ }, [collapsed, onCollapse]);
25
+ return _jsxs(ProSidebar, {
13
26
  className: classes(void 0, className),
14
- onClick: onClick,
15
- children: children
27
+ width: '261px',
28
+ collapsedWidth: '81px',
29
+ collapsed: collapsed,
30
+ transitionDuration: 150,
31
+ children: [_jsxs("div", {
32
+ className: classes('header'),
33
+ children: [_jsx(Icons, {
34
+ name: collapsed ? 'logo' : 'logoWithWords',
35
+ color: '#3D73F2',
36
+ width: collapsed ? 18 : 103,
37
+ height: 18
38
+ }), _jsx("span", {
39
+ className: classes('collapse'),
40
+ onClick: handleCollapse,
41
+ children: _jsx("i", {
42
+ className: ['pi', collapsed ? 'pi-angle-double-right' : 'pi-angle-double-left', classes('collapse-icon')].join(' '),
43
+ style: {
44
+ fontSize: '16px',
45
+ color: '#808080'
46
+ }
47
+ })
48
+ })]
49
+ }), _jsx(ProMenu, {
50
+ renderExpandIcon: function renderExpandIcon(_ref) {
51
+ var open = _ref.open;
52
+ return _jsx(Icons, {
53
+ name: 'dropDown',
54
+ color: '#808080',
55
+ className: [classes('expand-icon'), open ? classes('expand-icon-open') : ''].join(' ')
56
+ });
57
+ },
58
+ children: menus.map(function (menu) {
59
+ var _a;
60
+ var label = menu.label,
61
+ icon = menu.icon,
62
+ link = menu.link,
63
+ active = menu.active,
64
+ children = menu.children;
65
+ if (children) {
66
+ return _jsx(ProSubMenu, {
67
+ label: menu.label,
68
+ icon: icon,
69
+ component: link,
70
+ children: (_a = menu.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
71
+ return _jsx(ProMenuItem, {
72
+ icon: child.icon,
73
+ component: child.link,
74
+ active: child.active,
75
+ children: child.label
76
+ });
77
+ })
78
+ });
79
+ }
80
+ return _jsx(ProMenuItem, {
81
+ icon: icon,
82
+ component: link,
83
+ active: active,
84
+ children: label
85
+ });
86
+ })
87
+ }), children, _jsxs("div", {
88
+ className: classes('footer'),
89
+ onClick: function onClick() {
90
+ return onLogout === null || onLogout === void 0 ? void 0 : onLogout();
91
+ },
92
+ children: [_jsx("span", {
93
+ className: classes('footer-logout'),
94
+ children: _jsx("i", {
95
+ className: ['pi pi-sign-out', classes('footer-logout-icon')].join(' '),
96
+ style: {
97
+ fontSize: '16px'
98
+ }
99
+ })
100
+ }), _jsx("span", {
101
+ className: classes('footer-logout-text'),
102
+ children: "Log out"
103
+ })]
104
+ })]
16
105
  });
17
106
  };
18
107
  /**
@@ -23,4 +112,4 @@ Sidebar.propTypes = {
23
112
  prefixCls: propTypes.string
24
113
  };
25
114
  export default /*#__PURE__*/memo(Sidebar);
26
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJtZW1vIiwicHJvcFR5cGVzIiwiY2xhc3NuYW1lcyIsIlNpZGViYXIiLCJwcm9wcyIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwib25DbGljayIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJjbGFzc2VzIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksUUFBUSxtQkFBbUI7QUNBL0MsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsT0FBT0MsVUFBVSxNQUFNLHdCQUF3QjtBQUsvQyxPQUFPLElBQU1DLE9BQU8sR0FBd0MsU0FBL0NBLE9BQU9BLENBQXdDQyxLQUFLLEVBQUc7RUFDbEUsSUFBUUMsUUFBUSxHQUFnREQsS0FBSyxDQUE3REMsUUFBUTtJQUFFQyxTQUFTLEdBQXFDRixLQUFLLENBQW5ERSxTQUFTO0lBQUVDLE9BQU8sR0FBNEJILEtBQUssQ0FBeENHLE9BQU87SUFBQUMsZ0JBQUEsR0FBNEJKLEtBQUssQ0FBL0JLLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLFNBQVMsR0FBQUEsZ0JBQUE7RUFDM0QsSUFBTUUsT0FBTyxHQUFHUixVQUFVLENBQUNPLFNBQVMsQ0FBQztFQUVyQyxPQUNFVixJQUFBLENBQUEsS0FBQSxFQUFBO0lBQ0VPLFNBQVMsRUFBRUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFSixTQUFTLENBQUM7SUFDckNDLE9BQU8sRUFBRUEsT0FBTztJQUFBRixRQUFBLEVBRWRBO0VBQVEsQ0FBQSxDQUNOO0FBRVYsQ0FBQztBQUVEO0FEWEE7QUFDQTtBQ2FBRixPQUFPLENBQUNGLFNBQVMsR0FBRztFQUNsQkssU0FBUyxFQUFFTCxTQUFTLENBQUNVLE1BQU07RUFDM0JGLFNBQVMsRUFBRVIsU0FBUyxDQUFDVTtBRFh2QixDQ1lDO0FBRUQsNEJBQWVYLElBQUksQ0FBQ0csT0FBTyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5leHBvcnQgY29uc3QgU2lkZWJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIG9uQ2xpY2ssIHByZWZpeENscyA9ICdzaWRlYmFyJyB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBjbGFzc05hbWUpLCBvbkNsaWNrOiBvbkNsaWNrLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TaWRlYmFyLnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTaWRlYmFyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
115
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwidXNlU3RhdGUiLCJ1c2VDYWxsYmFjayIsInByb3BUeXBlcyIsIlNpZGViYXIiLCJQcm9TaWRlYmFyIiwiTWVudSIsIlByb01lbnUiLCJNZW51SXRlbSIsIlByb01lbnVJdGVtIiwiU3ViTWVudSIsIlByb1N1Yk1lbnUiLCJjbGFzc25hbWVzIiwiSWNvbnMiLCJwcm9wcyIsImNoaWxkcmVuIiwibWVudXMiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwib25Db2xsYXBzZSIsIm9uTG9nb3V0IiwiX3VzZVN0YXRlIiwiX3VzZVN0YXRlMiIsIl9zbGljZWRUb0FycmF5IiwiY29sbGFwc2VkIiwic2V0Q29sbGFwc2VkIiwiY2xhc3NlcyIsImhhbmRsZUNvbGxhcHNlIiwid2lkdGgiLCJjb2xsYXBzZWRXaWR0aCIsInRyYW5zaXRpb25EdXJhdGlvbiIsIm5hbWUiLCJjb2xvciIsImhlaWdodCIsIm9uQ2xpY2siLCJqb2luIiwic3R5bGUiLCJmb250U2l6ZSIsInJlbmRlckV4cGFuZEljb24iLCJfcmVmIiwib3BlbiIsIm1hcCIsIm1lbnUiLCJfYSIsImxhYmVsIiwiaWNvbiIsImxpbmsiLCJhY3RpdmUiLCJjb21wb25lbnQiLCJjaGlsZCIsInN0cmluZyJdLCJtYXBwaW5ncyI6IjtBQUFBLFNBQVNBLEdBQUcsSUFBSUMsSUFBSSxFQUFFQyxJQUFJLElBQUlDLEtBQUssUUFBUSxtQkFBbUI7QUNBOUQsU0FBU0MsSUFBSSxFQUFFQyxRQUFRLEVBQUVDLFdBQVcsUUFBUSxPQUFPO0FBQ25ELE9BQU9DLFNBQVMsTUFBTSxZQUFZO0FBQ2xDLFNBQ0VDLE9BQU8sSUFBSUMsVUFBVSxFQUNyQkMsSUFBSSxJQUFJQyxP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RCxJQUFJLENBQUNJLE9BQU8sQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1NpZGViYXIvU2lkZWJhci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgU2lkZWJhciBhcyBQcm9TaWRlYmFyLCBNZW51IGFzIFByb01lbnUsIE1lbnVJdGVtIGFzIFByb01lbnVJdGVtLCBTdWJNZW51IGFzIFByb1N1Yk1lbnUgfSBmcm9tICdyZWFjdC1wcm8tc2lkZWJhcic7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBJY29ucyBmcm9tICcuLi9JY29ucyc7XG5leHBvcnQgY29uc3QgU2lkZWJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBtZW51cywgY2xhc3NOYW1lLCBwcmVmaXhDbHMgPSAnc2lkZWJhcicsIG9uQ29sbGFwc2UsIG9uTG9nb3V0IH0gPSBwcm9wcztcbiAgICBjb25zdCBbY29sbGFwc2VkLCBzZXRDb2xsYXBzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaGFuZGxlQ29sbGFwc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNldENvbGxhcHNlZCghY29sbGFwc2VkKTtcbiAgICAgICAgb25Db2xsYXBzZSA9PT0gbnVsbCB8fCBvbkNvbGxhcHNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNvbGxhcHNlKCFjb2xsYXBzZWQpO1xuICAgIH0sIFtjb2xsYXBzZWQsIG9uQ29sbGFwc2VdKTtcbiAgICByZXR1cm4gKF9qc3hzKFByb1NpZGViYXIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgd2lkdGg6ICcyNjFweCcsIGNvbGxhcHNlZFdpZHRoOiAnODFweCcsIGNvbGxhcHNlZDogY29sbGFwc2VkLCB0cmFuc2l0aW9uRHVyYXRpb246IDE1MCwgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaGVhZGVyJyksIGNoaWxkcmVuOiBbX2pzeChJY29ucywgeyBuYW1lOiBjb2xsYXBzZWQgPyAnbG9nbycgOiAnbG9nb1dpdGhXb3JkcycsIGNvbG9yOiAnIzNENzNGMicsIHdpZHRoOiBjb2xsYXBzZWQgPyAxOCA6IDEwMywgaGVpZ2h0OiAxOCB9KSwgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbGxhcHNlJyksIG9uQ2xpY2s6IGhhbmRsZUNvbGxhcHNlLCBjaGlsZHJlbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IFsncGknLCBjb2xsYXBzZWQgPyAncGktYW5nbGUtZG91YmxlLXJpZ2h0JyA6ICdwaS1hbmdsZS1kb3VibGUtbGVmdCcsIGNsYXNzZXMoJ2NvbGxhcHNlLWljb24nKV0uam9pbignICcpLCBzdHlsZTogeyBmb250U2l6ZTogJzE2cHgnLCBjb2xvcjogJyM4MDgwODAnIH0gfSkgfSldIH0pLCBfanN4KFByb01lbnUsIHsgcmVuZGVyRXhwYW5kSWNvbjogKHsgb3BlbiB9KSA9PiBfanN4KEljb25zLCB7IG5hbWU6ICdkcm9wRG93bicsIGNvbG9yOiAnIzgwODA4MCcsIGNsYXNzTmFtZTogW2NsYXNzZXMoJ2V4cGFuZC1pY29uJyksIG9wZW4gPyBjbGFzc2VzKCdleHBhbmQtaWNvbi1vcGVuJykgOiAnJ10uam9pbignICcpIH0pLCBjaGlsZHJlbjogbWVudXMubWFwKChtZW51KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBsYWJlbCwgaWNvbiwgbGluaywgYWN0aXZlLCBjaGlsZHJlbiB9ID0gbWVudTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9TdWJNZW51LCB7IGxhYmVsOiBtZW51LmxhYmVsLCBpY29uOiBpY29uLCBjb21wb25lbnQ6IGxpbmssIGNoaWxkcmVuOiAoX2EgPSBtZW51LmNoaWxkcmVuKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EubWFwKChjaGlsZCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9NZW51SXRlbSwgeyBpY29uOiBjaGlsZC5pY29uLCBjb21wb25lbnQ6IGNoaWxkLmxpbmssIGFjdGl2ZTogY2hpbGQuYWN0aXZlLCBjaGlsZHJlbjogY2hpbGQubGFiZWwgfSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIF9qc3goUHJvTWVudUl0ZW0sIHsgaWNvbjogaWNvbiwgY29tcG9uZW50OiBsaW5rLCBhY3RpdmU6IGFjdGl2ZSwgY2hpbGRyZW46IGxhYmVsIH0pO1xuICAgICAgICAgICAgICAgIH0pIH0pLCBjaGlsZHJlbiwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3RlcicpLCBvbkNsaWNrOiAoKSA9PiBvbkxvZ291dCA9PT0gbnVsbCB8fCBvbkxvZ291dCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Mb2dvdXQoKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZm9vdGVyLWxvZ291dCcpLCBjaGlsZHJlbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IFsncGkgcGktc2lnbi1vdXQnLCBjbGFzc2VzKCdmb290ZXItbG9nb3V0LWljb24nKV0uam9pbignICcpLCBzdHlsZTogeyBmb250U2l6ZTogJzE2cHgnIH0gfSkgfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmb290ZXItbG9nb3V0LXRleHQnKSwgY2hpbGRyZW46IFwiTG9nIG91dFwiIH0pXSB9KV0gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TaWRlYmFyLnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTaWRlYmFyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
package/es/components/Sidebar/interface.d.ts CHANGED
@@ -1,5 +1,14 @@
1
+ export interface MenuItem {
2
+ label: React.ReactNode;
3
+ icon?: React.ReactNode;
4
+ link?: string | React.ReactElement;
5
+ active?: boolean;
6
+ children?: Omit<MenuItem, 'children'>[];
7
+ }
1
8
  export interface SidebarProps {
2
9
  className?: string;
3
10
  prefixCls?: string;
4
- onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => any;
11
+ onCollapse?: (collapsed: boolean) => any;
12
+ onLogout?: () => any;
13
+ menus: MenuItem[];
5
14
  }
package/es/components/Sidebar/style/Sidebar.css CHANGED
@@ -1 +1 @@
1
- .prefix-sidebar{display:block;color:blue}
1
+ .usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}
package/es/components/Sidebar/style/Sidebar.scss CHANGED
@@ -1,4 +1,150 @@
1
- .prefix-sidebar {
2
- display: block;
3
- color: blue;
4
- }
1
+ .usd1-react-ui-sidebar {
2
+ height: 100vh;
3
+ padding: 0 8px;
4
+ border-right: 1px solid #F2F2F2 !important;
5
+
6
+ &-expand-icon {
7
+ &-open {
8
+ transform: rotate(180deg);
9
+ }
10
+ }
11
+
12
+ .ps-sidebar-container {
13
+ display: flex;
14
+ flex-direction: column;
15
+ background-color: transparent;
16
+
17
+ .ps-menu-root {
18
+ ul {
19
+ display: flex;
20
+ flex-direction: column;
21
+ gap: 16px;
22
+ }
23
+
24
+ .ps-menuitem-root {
25
+ .ps-menu-button {
26
+ padding: 0;
27
+ padding: 16px;
28
+ color: #404040;
29
+ font-weight: 700;
30
+ font-size: 14px;
31
+ line-height: 14px;
32
+ border-radius: 16px;
33
+
34
+ &:hover {
35
+ color: #3D73F2;
36
+ background-color: rgba(229, 239, 255, 50%);
37
+
38
+ .ps-menu-icon {
39
+ color: inherit;
40
+ }
41
+ }
42
+
43
+ .ps-menu-icon {
44
+ width: 16px;
45
+ min-width: 16px;
46
+ height: 16px;
47
+ margin-right: 16px;
48
+ color: #808080;
49
+ line-height: 16px;
50
+ }
51
+ }
52
+
53
+ .ps-menu-button.ps-active {
54
+ color: #3D73F2;
55
+ background-color: #E5EFFF;
56
+
57
+ .ps-menu-icon {
58
+ color: inherit;
59
+ }
60
+ }
61
+
62
+ .ps-submenu-content {
63
+ background-color: #F9FAFB;
64
+ border-radius: 16px;
65
+ }
66
+
67
+ .ps-submenu-content.ps-open {
68
+ padding: 8px 0;
69
+ }
70
+ }
71
+ }
72
+ }
73
+
74
+ &-header {
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: space-between;
78
+ padding: 32px 0 32px 16px;
79
+ }
80
+
81
+ &-collapse {
82
+ display: inline-flex;
83
+ align-items: center;
84
+ justify-content: center;
85
+ width: 24px;
86
+ height: 24px;
87
+
88
+ &-icon {
89
+ cursor: pointer;
90
+ }
91
+ }
92
+
93
+ &-footer {
94
+ display: inline-flex;
95
+ align-items: center;
96
+ margin-top: auto;
97
+ padding: 16px;
98
+ border-radius: 16px;
99
+ cursor: pointer;
100
+
101
+ &-logout {
102
+ display: inline-flex;
103
+ width: 16px;
104
+ height: 16px;
105
+ margin-right: 16px;
106
+ color: #808080;
107
+ }
108
+
109
+ &:hover {
110
+ color: #3D73F2;
111
+ background-color: rgba(229, 239, 255, 50%);
112
+
113
+ .usd1-react-ui-sidebar-footer-logout {
114
+ color: #3D73F2;
115
+ }
116
+ }
117
+
118
+ &-logout-text {
119
+ font-weight: 700;
120
+ font-size: 14px;
121
+ line-height: 14px;
122
+ }
123
+ }
124
+
125
+ &.ps-collapsed {
126
+ .ps-sidebar-container {
127
+ .ps-menu-root {
128
+ .ps-menuitem-root {
129
+ .ps-menu-button {
130
+ .ps-menu-icon {
131
+ margin-left: 8px;
132
+ }
133
+ }
134
+ }
135
+ }
136
+ }
137
+
138
+ .usd1-react-ui-sidebar-header {
139
+ padding-left: 22px;
140
+ }
141
+
142
+ .usd1-react-ui-sidebar-footer {
143
+ padding-left: 24px;
144
+
145
+ &-logout-text {
146
+ display: none;
147
+ }
148
+ }
149
+ }
150
+ }
package/es/components/Tab/style/Tab.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;border-color:#3d73f2}
1
+ .usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}
package/es/components/Tab/style/Tab.scss CHANGED
@@ -5,13 +5,17 @@
5
5
  padding-bottom: 2px;
6
6
 
7
7
  .p-tabmenu-nav {
8
+ background-color: transparent;
9
+
8
10
  .p-tabmenuitem {
9
11
  .p-menuitem-link {
10
12
  color: #808080;
11
13
  font-size: 14px;
14
+ background-color: transparent;
12
15
  border-color: transparent;
13
16
 
14
17
  &:hover {
18
+ background-color: transparent;
15
19
  border-color: #e0e2ee;
16
20
  }
17
21
  }
@@ -20,6 +24,7 @@
20
24
  .p-tabmenuitem.p-highlight {
21
25
  .p-menuitem-link {
22
26
  color: #3D73F2;
27
+ background-color: transparent;
23
28
  border-color: #3D73F2;
24
29
  }
25
30
  }
package/es/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-sidebar{display:block;color:#00f}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
1
+ .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
package/lib/components/Sidebar/Sidebar.js CHANGED
@@ -5,21 +5,110 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports["default"] = exports.Sidebar = void 0;
8
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
8
9
  var _jsxRuntime = require("react/jsx-runtime");
9
10
  var _react = require("react");
10
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _reactProSidebar = require("react-pro-sidebar");
11
13
  var _classnames = _interopRequireDefault(require("../../utils/classnames"));
14
+ var _Icons = _interopRequireDefault(require("../Icons"));
12
15
  var Sidebar = exports.Sidebar = function Sidebar(props) {
13
16
  var children = props.children,
17
+ menus = props.menus,
14
18
  className = props.className,
15
- onClick = props.onClick,
16
19
  _props$prefixCls = props.prefixCls,
17
- prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls;
20
+ prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls,
21
+ onCollapse = props.onCollapse,
22
+ onLogout = props.onLogout;
23
+ var _useState = (0, _react.useState)(false),
24
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
25
+ collapsed = _useState2[0],
26
+ setCollapsed = _useState2[1];
18
27
  var classes = (0, _classnames["default"])(prefixCls);
19
- return (0, _jsxRuntime.jsx)("div", {
28
+ var handleCollapse = (0, _react.useCallback)(function () {
29
+ setCollapsed(!collapsed);
30
+ onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
31
+ }, [collapsed, onCollapse]);
32
+ return (0, _jsxRuntime.jsxs)(_reactProSidebar.Sidebar, {
20
33
  className: classes(void 0, className),
21
- onClick: onClick,
22
- children: children
34
+ width: '261px',
35
+ collapsedWidth: '81px',
36
+ collapsed: collapsed,
37
+ transitionDuration: 150,
38
+ children: [(0, _jsxRuntime.jsxs)("div", {
39
+ className: classes('header'),
40
+ children: [(0, _jsxRuntime.jsx)(_Icons["default"], {
41
+ name: collapsed ? 'logo' : 'logoWithWords',
42
+ color: '#3D73F2',
43
+ width: collapsed ? 18 : 103,
44
+ height: 18
45
+ }), (0, _jsxRuntime.jsx)("span", {
46
+ className: classes('collapse'),
47
+ onClick: handleCollapse,
48
+ children: (0, _jsxRuntime.jsx)("i", {
49
+ className: ['pi', collapsed ? 'pi-angle-double-right' : 'pi-angle-double-left', classes('collapse-icon')].join(' '),
50
+ style: {
51
+ fontSize: '16px',
52
+ color: '#808080'
53
+ }
54
+ })
55
+ })]
56
+ }), (0, _jsxRuntime.jsx)(_reactProSidebar.Menu, {
57
+ renderExpandIcon: function renderExpandIcon(_ref) {
58
+ var open = _ref.open;
59
+ return (0, _jsxRuntime.jsx)(_Icons["default"], {
60
+ name: 'dropDown',
61
+ color: '#808080',
62
+ className: [classes('expand-icon'), open ? classes('expand-icon-open') : ''].join(' ')
63
+ });
64
+ },
65
+ children: menus.map(function (menu) {
66
+ var _a;
67
+ var label = menu.label,
68
+ icon = menu.icon,
69
+ link = menu.link,
70
+ active = menu.active,
71
+ children = menu.children;
72
+ if (children) {
73
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.SubMenu, {
74
+ label: menu.label,
75
+ icon: icon,
76
+ component: link,
77
+ children: (_a = menu.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
78
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.MenuItem, {
79
+ icon: child.icon,
80
+ component: child.link,
81
+ active: child.active,
82
+ children: child.label
83
+ });
84
+ })
85
+ });
86
+ }
87
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.MenuItem, {
88
+ icon: icon,
89
+ component: link,
90
+ active: active,
91
+ children: label
92
+ });
93
+ })
94
+ }), children, (0, _jsxRuntime.jsxs)("div", {
95
+ className: classes('footer'),
96
+ onClick: function onClick() {
97
+ return onLogout === null || onLogout === void 0 ? void 0 : onLogout();
98
+ },
99
+ children: [(0, _jsxRuntime.jsx)("span", {
100
+ className: classes('footer-logout'),
101
+ children: (0, _jsxRuntime.jsx)("i", {
102
+ className: ['pi pi-sign-out', classes('footer-logout-icon')].join(' '),
103
+ style: {
104
+ fontSize: '16px'
105
+ }
106
+ })
107
+ }), (0, _jsxRuntime.jsx)("span", {
108
+ className: classes('footer-logout-text'),
109
+ children: "Log out"
110
+ })]
111
+ })]
23
112
  });
24
113
  };
25
114
  /**
@@ -30,4 +119,4 @@ Sidebar.propTypes = {
30
119
  prefixCls: _propTypes["default"].string
31
120
  };
32
121
  var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Sidebar);
33
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9wcm9wVHlwZXMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2NsYXNzbmFtZXMiLCJTaWRlYmFyIiwiZXhwb3J0cyIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX2pzeCIsInByb3BUeXBlcyIsInN0cmluZyIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLFdBQUEsR0FBQUQsc0JBQUEsQ0FBQUgsT0FBQTtBQUtPLElBQU1LLE9BQU8sR0FBQUMsT0FBQSxDQUFBRCxPQUFBLEdBQXdDLFNBQS9DQSxPQUFPQSxDQUF3Q0UsS0FBSyxFQUFHO0VBQ2xFLElBQVFDLFFBQVEsR0FBZ0RELEtBQUssQ0FBN0RDLFFBQVE7SUFBRUMsU0FBUyxHQUFxQ0YsS0FBSyxDQUFuREUsU0FBUztJQUFFQyxPQUFPLEdBQTRCSCxLQUFLLENBQXhDRyxPQUFPO0lBQUFDLGdCQUFBLEdBQTRCSixLQUFLLENBQS9CSyxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxTQUFTLEdBQUFBLGdCQUFBO0VBQzNELElBQU1FLE9BQU8sR0FBRyxJQUFBQyxzQkFBVSxFQUFDRixTQUFTLENBQUM7RUFFckMsT0FDRSxJQUFBRyxlQUFBLEVBQUEsS0FBQSxFQUFBO0lBQ0VOLFNBQVMsRUFBRUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFSixTQUFTLENBQUM7SUFDckNDLE9BQU8sRUFBRUEsT0FBTztJQUFBRixRQUFBLEVBRWRBO0VBQVEsQ0FBQSxDQUNOO0FBRVYsQ0FBQztBQUVEO0FEWEE7QUFDQTtBQ2FBSCxPQUFPLENBQUNXLFNBQVMsR0FBRztFQUNsQlAsU0FBUyxFQUFFTyxxQkFBUyxDQUFDQyxNQUFNO0VBQzNCTCxTQUFTLEVBQUVJLHFCQUFTLENBQUNDO0FEWHZCLENDWUM7QUFBQyxJQUFBQyxRQUFBLEdBQUFaLE9BQUEsMkJBRWEsSUFBQWEsV0FBSSxFQUFDZCxPQUFPLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBwcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmV4cG9ydCBjb25zdCBTaWRlYmFyID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgb25DbGljaywgcHJlZml4Q2xzID0gJ3NpZGViYXInIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIG9uQ2xpY2s6IG9uQ2xpY2ssIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG59O1xuLyoqXG4gKiBwcm9wLXR5cGVzIGNhbiBtYWtlIHN1cmUgdGhlIHR5cGUtY2hlY2sgd2hhdGV2ZXIgdGhlIGVudmlyb25tZW50IHdoZXRoZXIgb3Igbm90IHVzZSB0eXBlc2NyaXB0XG4gKi9cblNpZGViYXIucHJvcFR5cGVzID0ge1xuICAgIGNsYXNzTmFtZTogcHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmVmaXhDbHM6IHByb3BUeXBlcy5zdHJpbmdcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNpZGViYXIpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
122
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9wcm9wVHlwZXMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JlYWN0UHJvU2lkZWJhciIsIl9jbGFzc25hbWVzIiwiX0ljb25zIiwiU2lkZWJhciIsImV4cG9ydHMiLCJwcm9wcyIsImNoaWxkcmVuIiwibWVudXMiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwib25Db2xsYXBzZSIsIm9uTG9nb3V0IiwiX3VzZVN0YXRlIiwidXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkyIiwiY29sbGFwc2VkIiwic2V0Q29sbGFwc2VkIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJoYW5kbGVDb2xsYXBzZSIsInVzZUNhbGxiYWNrIiwiX2pzeHMiLCJQcm9TaWRlYmFyIiwid2lkdGgiLCJjb2xsYXBzZWRXaWR0aCIsInRyYW5zaXRpb25EdXJhdGlvbiIsIl9qc3giLCJJY29ucyIsIm5hbWUiLCJjb2xvciIsImhlaWdodCIsIm9uQ2xpY2siLCJqb2luIiwic3R5bGUiLCJmb250U2l6ZSIsIlByb01lbnUiLCJyZW5kZXJFeHBhbmRJY29uIiwiX3JlZiIsIm9wZW4iLCJtYXAiLCJtZW51IiwiX2EiLCJsYWJlbCIsImljb24iLCJsaW5rIiwiYWN0aXZlIiwiUHJvU3ViTWVudSIsImNvbXBvbmVudCIsImNoaWxkIiwiUHJvTWVudUl0ZW0iLCJwcm9wVHlwZXMiLCJzdHJpbmciLCJfZGVmYXVsdCIsIm1lbW8iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyxPQUFBO0FDQUEsSUFBQUMsTUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsVUFBQSxHQUFBQyxzQkFBQSxD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U0FBUyxHQUFHO0VBQ2xCNUMsU0FBUyxFQUFFNEMscUJBQVMsQ0FBQ0MsTUFBTTtFQUMzQjNDLFNBQVMsRUFBRTBDLHFCQUFTLENBQUNDO0FEOUN2QixDQytDQztBQUFDLElBQUFDLFFBQUEsR0FBQWxELE9BQUEsMkJBRWEsSUFBQW1ELFdBQUksRUFBQ3BELE9BQU8sQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1NpZGViYXIvU2lkZWJhci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgU2lkZWJhciBhcyBQcm9TaWRlYmFyLCBNZW51IGFzIFByb01lbnUsIE1lbnVJdGVtIGFzIFByb01lbnVJdGVtLCBTdWJNZW51IGFzIFByb1N1Yk1lbnUgfSBmcm9tICdyZWFjdC1wcm8tc2lkZWJhcic7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBJY29ucyBmcm9tICcuLi9JY29ucyc7XG5leHBvcnQgY29uc3QgU2lkZWJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBtZW51cywgY2xhc3NOYW1lLCBwcmVmaXhDbHMgPSAnc2lkZWJhcicsIG9uQ29sbGFwc2UsIG9uTG9nb3V0IH0gPSBwcm9wcztcbiAgICBjb25zdCBbY29sbGFwc2VkLCBzZXRDb2xsYXBzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IGNsYXNzZXMgPSBjbGFzc25hbWVzKHByZWZpeENscyk7XG4gICAgY29uc3QgaGFuZGxlQ29sbGFwc2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgICAgIHNldENvbGxhcHNlZCghY29sbGFwc2VkKTtcbiAgICAgICAgb25Db2xsYXBzZSA9PT0gbnVsbCB8fCBvbkNvbGxhcHNlID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkNvbGxhcHNlKCFjb2xsYXBzZWQpO1xuICAgIH0sIFtjb2xsYXBzZWQsIG9uQ29sbGFwc2VdKTtcbiAgICByZXR1cm4gKF9qc3hzKFByb1NpZGViYXIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgd2lkdGg6ICcyNjFweCcsIGNvbGxhcHNlZFdpZHRoOiAnODFweCcsIGNvbGxhcHNlZDogY29sbGFwc2VkLCB0cmFuc2l0aW9uRHVyYXRpb246IDE1MCwgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnaGVhZGVyJyksIGNoaWxkcmVuOiBbX2pzeChJY29ucywgeyBuYW1lOiBjb2xsYXBzZWQgPyAnbG9nbycgOiAnbG9nb1dpdGhXb3JkcycsIGNvbG9yOiAnIzNENzNGMicsIHdpZHRoOiBjb2xsYXBzZWQgPyAxOCA6IDEwMywgaGVpZ2h0OiAxOCB9KSwgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2NvbGxhcHNlJyksIG9uQ2xpY2s6IGhhbmRsZUNvbGxhcHNlLCBjaGlsZHJlbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IFsncGknLCBjb2xsYXBzZWQgPyAncGktYW5nbGUtZG91YmxlLXJpZ2h0JyA6ICdwaS1hbmdsZS1kb3VibGUtbGVmdCcsIGNsYXNzZXMoJ2NvbGxhcHNlLWljb24nKV0uam9pbignICcpLCBzdHlsZTogeyBmb250U2l6ZTogJzE2cHgnLCBjb2xvcjogJyM4MDgwODAnIH0gfSkgfSldIH0pLCBfanN4KFByb01lbnUsIHsgcmVuZGVyRXhwYW5kSWNvbjogKHsgb3BlbiB9KSA9PiBfanN4KEljb25zLCB7IG5hbWU6ICdkcm9wRG93bicsIGNvbG9yOiAnIzgwODA4MCcsIGNsYXNzTmFtZTogW2NsYXNzZXMoJ2V4cGFuZC1pY29uJyksIG9wZW4gPyBjbGFzc2VzKCdleHBhbmQtaWNvbi1vcGVuJykgOiAnJ10uam9pbignICcpIH0pLCBjaGlsZHJlbjogbWVudXMubWFwKChtZW51KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBsYWJlbCwgaWNvbiwgbGluaywgYWN0aXZlLCBjaGlsZHJlbiB9ID0gbWVudTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9TdWJNZW51LCB7IGxhYmVsOiBtZW51LmxhYmVsLCBpY29uOiBpY29uLCBjb21wb25lbnQ6IGxpbmssIGNoaWxkcmVuOiAoX2EgPSBtZW51LmNoaWxkcmVuKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EubWFwKChjaGlsZCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9NZW51SXRlbSwgeyBpY29uOiBjaGlsZC5pY29uLCBjb21wb25lbnQ6IGNoaWxkLmxpbmssIGFjdGl2ZTogY2hpbGQuYWN0aXZlLCBjaGlsZHJlbjogY2hpbGQubGFiZWwgfSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIF9qc3goUHJvTWVudUl0ZW0sIHsgaWNvbjogaWNvbiwgY29tcG9uZW50OiBsaW5rLCBhY3RpdmU6IGFjdGl2ZSwgY2hpbGRyZW46IGxhYmVsIH0pO1xuICAgICAgICAgICAgICAgIH0pIH0pLCBjaGlsZHJlbiwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3RlcicpLCBvbkNsaWNrOiAoKSA9PiBvbkxvZ291dCA9PT0gbnVsbCB8fCBvbkxvZ291dCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Mb2dvdXQoKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZm9vdGVyLWxvZ291dCcpLCBjaGlsZHJlbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IFsncGkgcGktc2lnbi1vdXQnLCBjbGFzc2VzKCdmb290ZXItbG9nb3V0LWljb24nKV0uam9pbignICcpLCBzdHlsZTogeyBmb250U2l6ZTogJzE2cHgnIH0gfSkgfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmb290ZXItbG9nb3V0LXRleHQnKSwgY2hpbGRyZW46IFwiTG9nIG91dFwiIH0pXSB9KV0gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TaWRlYmFyLnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTaWRlYmFyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
package/lib/components/Sidebar/interface.d.ts CHANGED
@@ -1,5 +1,14 @@
1
+ export interface MenuItem {
2
+ label: React.ReactNode;
3
+ icon?: React.ReactNode;
4
+ link?: string | React.ReactElement;
5
+ active?: boolean;
6
+ children?: Omit<MenuItem, 'children'>[];
7
+ }
1
8
  export interface SidebarProps {
2
9
  className?: string;
3
10
  prefixCls?: string;
4
- onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => any;
11
+ onCollapse?: (collapsed: boolean) => any;
12
+ onLogout?: () => any;
13
+ menus: MenuItem[];
5
14
  }
package/lib/components/Sidebar/style/Sidebar.css CHANGED
@@ -1 +1 @@
1
- .prefix-sidebar{display:block;color:blue}
1
+ .usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}
package/lib/components/Sidebar/style/Sidebar.scss CHANGED
@@ -1,4 +1,150 @@
1
- .prefix-sidebar {
2
- display: block;
3
- color: blue;
4
- }
1
+ .usd1-react-ui-sidebar {
2
+ height: 100vh;
3
+ padding: 0 8px;
4
+ border-right: 1px solid #F2F2F2 !important;
5
+
6
+ &-expand-icon {
7
+ &-open {
8
+ transform: rotate(180deg);
9
+ }
10
+ }
11
+
12
+ .ps-sidebar-container {
13
+ display: flex;
14
+ flex-direction: column;
15
+ background-color: transparent;
16
+
17
+ .ps-menu-root {
18
+ ul {
19
+ display: flex;
20
+ flex-direction: column;
21
+ gap: 16px;
22
+ }
23
+
24
+ .ps-menuitem-root {
25
+ .ps-menu-button {
26
+ padding: 0;
27
+ padding: 16px;
28
+ color: #404040;
29
+ font-weight: 700;
30
+ font-size: 14px;
31
+ line-height: 14px;
32
+ border-radius: 16px;
33
+
34
+ &:hover {
35
+ color: #3D73F2;
36
+ background-color: rgba(229, 239, 255, 50%);
37
+
38
+ .ps-menu-icon {
39
+ color: inherit;
40
+ }
41
+ }
42
+
43
+ .ps-menu-icon {
44
+ width: 16px;
45
+ min-width: 16px;
46
+ height: 16px;
47
+ margin-right: 16px;
48
+ color: #808080;
49
+ line-height: 16px;
50
+ }
51
+ }
52
+
53
+ .ps-menu-button.ps-active {
54
+ color: #3D73F2;
55
+ background-color: #E5EFFF;
56
+
57
+ .ps-menu-icon {
58
+ color: inherit;
59
+ }
60
+ }
61
+
62
+ .ps-submenu-content {
63
+ background-color: #F9FAFB;
64
+ border-radius: 16px;
65
+ }
66
+
67
+ .ps-submenu-content.ps-open {
68
+ padding: 8px 0;
69
+ }
70
+ }
71
+ }
72
+ }
73
+
74
+ &-header {
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: space-between;
78
+ padding: 32px 0 32px 16px;
79
+ }
80
+
81
+ &-collapse {
82
+ display: inline-flex;
83
+ align-items: center;
84
+ justify-content: center;
85
+ width: 24px;
86
+ height: 24px;
87
+
88
+ &-icon {
89
+ cursor: pointer;
90
+ }
91
+ }
92
+
93
+ &-footer {
94
+ display: inline-flex;
95
+ align-items: center;
96
+ margin-top: auto;
97
+ padding: 16px;
98
+ border-radius: 16px;
99
+ cursor: pointer;
100
+
101
+ &-logout {
102
+ display: inline-flex;
103
+ width: 16px;
104
+ height: 16px;
105
+ margin-right: 16px;
106
+ color: #808080;
107
+ }
108
+
109
+ &:hover {
110
+ color: #3D73F2;
111
+ background-color: rgba(229, 239, 255, 50%);
112
+
113
+ .usd1-react-ui-sidebar-footer-logout {
114
+ color: #3D73F2;
115
+ }
116
+ }
117
+
118
+ &-logout-text {
119
+ font-weight: 700;
120
+ font-size: 14px;
121
+ line-height: 14px;
122
+ }
123
+ }
124
+
125
+ &.ps-collapsed {
126
+ .ps-sidebar-container {
127
+ .ps-menu-root {
128
+ .ps-menuitem-root {
129
+ .ps-menu-button {
130
+ .ps-menu-icon {
131
+ margin-left: 8px;
132
+ }
133
+ }
134
+ }
135
+ }
136
+ }
137
+
138
+ .usd1-react-ui-sidebar-header {
139
+ padding-left: 22px;
140
+ }
141
+
142
+ .usd1-react-ui-sidebar-footer {
143
+ padding-left: 24px;
144
+
145
+ &-logout-text {
146
+ display: none;
147
+ }
148
+ }
149
+ }
150
+ }
package/lib/components/Tab/style/Tab.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;border-color:#3d73f2}
1
+ .usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}
package/lib/components/Tab/style/Tab.scss CHANGED
@@ -5,13 +5,17 @@
5
5
  padding-bottom: 2px;
6
6
 
7
7
  .p-tabmenu-nav {
8
+ background-color: transparent;
9
+
8
10
  .p-tabmenuitem {
9
11
  .p-menuitem-link {
10
12
  color: #808080;
11
13
  font-size: 14px;
14
+ background-color: transparent;
12
15
  border-color: transparent;
13
16
 
14
17
  &:hover {
18
+ background-color: transparent;
15
19
  border-color: #e0e2ee;
16
20
  }
17
21
  }
@@ -20,6 +24,7 @@
20
24
  .p-tabmenuitem.p-highlight {
21
25
  .p-menuitem-link {
22
26
  color: #3D73F2;
27
+ background-color: transparent;
23
28
  border-color: #3D73F2;
24
29
  }
25
30
  }
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-sidebar{display:block;color:#00f}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
1
+ .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1money/react-ui",
3
- "version": "0.2.1-beta.0",
3
+ "version": "0.2.1-beta.2",
4
4
  "description": "React Components based on primereact for 1money front-end projects",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -150,6 +150,7 @@
150
150
  "author": "",
151
151
  "peerDependencies": {
152
152
  "primereact": ">=10",
153
+ "primeicons": ">=7",
153
154
  "prop-types": ">=15.7.0",
154
155
  "react": ">=16.8.0",
155
156
  "react-dom": ">=16.8.0",
@@ -240,6 +241,7 @@
240
241
  "less-loader": "~5.0.0",
241
242
  "lint-staged": "10.0.7",
242
243
  "prettier": "~3.3.3",
244
+ "primeicons": "^7.0.0",
243
245
  "primereact": "^10.8.0",
244
246
  "prop-types": "^15.7.2",
245
247
  "react": "^18.3.1",