@oliasoft-open-source/react-ui-library 2.4.2 → 2.4.4
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.
package/package.json
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
+
import { FaGripLinesVertical } from 'react-icons/fa';
|
|
2
3
|
import { Resizable } from 'react-resizable';
|
|
3
4
|
import PropTypes from 'prop-types';
|
|
4
5
|
import styles from './drawer.module.less';
|
|
@@ -10,7 +11,9 @@ const ResizeHandle = React.forwardRef((props, ref) => {
|
|
|
10
11
|
ref={ref}
|
|
11
12
|
className={styles.resizeHandle}
|
|
12
13
|
{...rest} // eslint-disable-line react/jsx-props-no-spreading
|
|
13
|
-
|
|
14
|
+
>
|
|
15
|
+
<FaGripLinesVertical />
|
|
16
|
+
</div>
|
|
14
17
|
);
|
|
15
18
|
});
|
|
16
19
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import '../../style/variables.less';
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--color-background-drawer-tabs: var(--color-neutral-
|
|
4
|
+
--color-background-drawer-tabs: var(--color-neutral-50);
|
|
5
5
|
--color-background-drawer-tab: #fff9f4;
|
|
6
6
|
--color-background-drawer-tab-hover: white;
|
|
7
7
|
--color-border-drawer-tab: #e4cbb7;
|
|
@@ -188,16 +188,23 @@ html[data-theme='dark'] {
|
|
|
188
188
|
position: absolute;
|
|
189
189
|
top: 0;
|
|
190
190
|
bottom: 0;
|
|
191
|
-
width:
|
|
191
|
+
width: 10px;
|
|
192
192
|
z-index: @zindex_drawer + 2;
|
|
193
193
|
cursor: ew-resize;
|
|
194
|
+
display: flex;
|
|
195
|
+
align-items: center;
|
|
196
|
+
color: var(--color-text-faint);
|
|
197
|
+
font-size: 12px;
|
|
198
|
+
transition: all 0.2s;
|
|
194
199
|
|
|
195
200
|
&:hover {
|
|
196
|
-
background: rgba(@colorPrimary, 0.
|
|
201
|
+
background: rgba(@colorPrimary, 0.15);
|
|
202
|
+
color: var(--color-text-primary);
|
|
197
203
|
}
|
|
198
204
|
|
|
199
205
|
&:active {
|
|
200
|
-
background:
|
|
206
|
+
background: var(--color-text-primary);
|
|
207
|
+
color: white;
|
|
201
208
|
}
|
|
202
209
|
|
|
203
210
|
.left & {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
2
|
+
import PropTypes, { oneOfType } from 'prop-types';
|
|
3
3
|
import cx from 'classnames';
|
|
4
4
|
import styles from './toggle.module.less';
|
|
5
5
|
import { DisabledContext } from '../../helpers/disabled-context';
|
|
@@ -58,7 +58,7 @@ Toggle.propTypes = {
|
|
|
58
58
|
name: PropTypes.string,
|
|
59
59
|
checked: PropTypes.bool,
|
|
60
60
|
onChange: PropTypes.func.isRequired,
|
|
61
|
-
label: PropTypes.string,
|
|
61
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
62
62
|
small: PropTypes.bool,
|
|
63
63
|
noMargin: PropTypes.bool,
|
|
64
64
|
testId: PropTypes.string,
|