@imtf/icons 0.2.5 → 0.2.6
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/lib/cjs/icons/IncomingIcon.d.ts +7 -0
- package/lib/cjs/icons/IncomingIcon.js +39 -0
- package/lib/cjs/icons/OutgoingIcon.d.ts +7 -0
- package/lib/cjs/icons/OutgoingIcon.js +39 -0
- package/lib/cjs/icons/index.d.ts +2 -0
- package/lib/cjs/icons/index.js +2 -0
- package/lib/esm/icons/IncomingIcon.d.ts +7 -0
- package/lib/esm/icons/IncomingIcon.js +30 -0
- package/lib/esm/icons/OutgoingIcon.d.ts +7 -0
- package/lib/esm/icons/OutgoingIcon.js +30 -0
- package/lib/esm/icons/index.d.ts +2 -0
- package/lib/esm/icons/index.js +2 -0
- package/package.json +1 -1
- package/svg/Incoming.svg +3 -0
- package/svg/Outgoing.svg +3 -0
- package/svg/incoming.json +7 -0
- package/svg/outgoing.json +7 -0
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const {
|
|
2
|
+
createElement,
|
|
3
|
+
forwardRef,
|
|
4
|
+
useContext,
|
|
5
|
+
useMemo
|
|
6
|
+
} = require('react');
|
|
7
|
+
|
|
8
|
+
const {
|
|
9
|
+
IconContext
|
|
10
|
+
} = require('../index.js');
|
|
11
|
+
|
|
12
|
+
const get = require('lodash.get');
|
|
13
|
+
|
|
14
|
+
const IncomingIcon = ({
|
|
15
|
+
color: defaultColor,
|
|
16
|
+
size,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const defaultContextValues = useContext(IconContext);
|
|
20
|
+
const defaultValues = { ...defaultContextValues,
|
|
21
|
+
color: defaultColor || defaultContextValues.color,
|
|
22
|
+
size: size || defaultContextValues.size,
|
|
23
|
+
...props
|
|
24
|
+
};
|
|
25
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
|
|
26
|
+
return /*#__PURE__*/createElement("svg", Object.assign({
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 32 32",
|
|
29
|
+
width: defaultValues.size,
|
|
30
|
+
height: defaultValues.size,
|
|
31
|
+
fill: color,
|
|
32
|
+
ref: ref
|
|
33
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
34
|
+
d: "m8.026 23 1.698-1.652-4.185-4.168H31v-2.36H5.5l4.184-4.168L8.026 9 1 16z"
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const ForwardRef = forwardRef(IncomingIcon);
|
|
39
|
+
module.exports = ForwardRef;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const {
|
|
2
|
+
createElement,
|
|
3
|
+
forwardRef,
|
|
4
|
+
useContext,
|
|
5
|
+
useMemo
|
|
6
|
+
} = require('react');
|
|
7
|
+
|
|
8
|
+
const {
|
|
9
|
+
IconContext
|
|
10
|
+
} = require('../index.js');
|
|
11
|
+
|
|
12
|
+
const get = require('lodash.get');
|
|
13
|
+
|
|
14
|
+
const OutgoingIcon = ({
|
|
15
|
+
color: defaultColor,
|
|
16
|
+
size,
|
|
17
|
+
...props
|
|
18
|
+
}, ref) => {
|
|
19
|
+
const defaultContextValues = useContext(IconContext);
|
|
20
|
+
const defaultValues = { ...defaultContextValues,
|
|
21
|
+
color: defaultColor || defaultContextValues.color,
|
|
22
|
+
size: size || defaultContextValues.size,
|
|
23
|
+
...props
|
|
24
|
+
};
|
|
25
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
|
|
26
|
+
return /*#__PURE__*/createElement("svg", Object.assign({
|
|
27
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
28
|
+
viewBox: "0 0 32 32",
|
|
29
|
+
width: defaultValues.size,
|
|
30
|
+
height: defaultValues.size,
|
|
31
|
+
fill: color,
|
|
32
|
+
ref: ref
|
|
33
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
34
|
+
d: "m23.974 23-1.698-1.652 4.185-4.168H1v-2.36h25.5l-4.184-4.168L23.974 9 31 16z"
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
const ForwardRef = forwardRef(OutgoingIcon);
|
|
39
|
+
module.exports = ForwardRef;
|
package/lib/cjs/icons/index.d.ts
CHANGED
|
@@ -86,6 +86,7 @@ export { default as HistoryIcon } from './HistoryIcon';
|
|
|
86
86
|
export { default as HomeIcon } from './HomeIcon';
|
|
87
87
|
export { default as HorseIcon } from './HorseIcon';
|
|
88
88
|
export { default as InboxIcon } from './InboxIcon';
|
|
89
|
+
export { default as IncomingIcon } from './IncomingIcon';
|
|
89
90
|
export { default as InfoIcon } from './InfoIcon';
|
|
90
91
|
export { default as InheritableIcon } from './InheritableIcon';
|
|
91
92
|
export { default as InkIcon } from './InkIcon';
|
|
@@ -102,6 +103,7 @@ export { default as NewIcon } from './NewIcon';
|
|
|
102
103
|
export { default as NotFoundIcon } from './NotFoundIcon';
|
|
103
104
|
export { default as NotificationsOutlineIcon } from './NotificationsOutlineIcon';
|
|
104
105
|
export { default as OpenIcon } from './OpenIcon';
|
|
106
|
+
export { default as OutgoingIcon } from './OutgoingIcon';
|
|
105
107
|
export { default as PermissionsIcon } from './PermissionsIcon';
|
|
106
108
|
export { default as PersonIcon } from './PersonIcon';
|
|
107
109
|
export { default as PinFilledIcon } from './PinFilledIcon';
|
package/lib/cjs/icons/index.js
CHANGED
|
@@ -86,6 +86,7 @@ module.exports.HistoryIcon = require('./HistoryIcon.js');
|
|
|
86
86
|
module.exports.HomeIcon = require('./HomeIcon.js');
|
|
87
87
|
module.exports.HorseIcon = require('./HorseIcon.js');
|
|
88
88
|
module.exports.InboxIcon = require('./InboxIcon.js');
|
|
89
|
+
module.exports.IncomingIcon = require('./IncomingIcon.js');
|
|
89
90
|
module.exports.InfoIcon = require('./InfoIcon.js');
|
|
90
91
|
module.exports.InheritableIcon = require('./InheritableIcon.js');
|
|
91
92
|
module.exports.InkIcon = require('./InkIcon.js');
|
|
@@ -102,6 +103,7 @@ module.exports.NewIcon = require('./NewIcon.js');
|
|
|
102
103
|
module.exports.NotFoundIcon = require('./NotFoundIcon.js');
|
|
103
104
|
module.exports.NotificationsOutlineIcon = require('./NotificationsOutlineIcon.js');
|
|
104
105
|
module.exports.OpenIcon = require('./OpenIcon.js');
|
|
106
|
+
module.exports.OutgoingIcon = require('./OutgoingIcon.js');
|
|
105
107
|
module.exports.PermissionsIcon = require('./PermissionsIcon.js');
|
|
106
108
|
module.exports.PersonIcon = require('./PersonIcon.js');
|
|
107
109
|
module.exports.PinFilledIcon = require('./PinFilledIcon.js');
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { createElement, forwardRef, useContext, useMemo } from 'react';
|
|
2
|
+
import { IconContext } from '../index.js';
|
|
3
|
+
import get from 'lodash.get';
|
|
4
|
+
|
|
5
|
+
const IncomingIcon = ({
|
|
6
|
+
color: defaultColor,
|
|
7
|
+
size,
|
|
8
|
+
...props
|
|
9
|
+
}, ref) => {
|
|
10
|
+
const defaultContextValues = useContext(IconContext);
|
|
11
|
+
const defaultValues = { ...defaultContextValues,
|
|
12
|
+
color: defaultColor || defaultContextValues.color,
|
|
13
|
+
size: size || defaultContextValues.size,
|
|
14
|
+
...props
|
|
15
|
+
};
|
|
16
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
|
|
17
|
+
return /*#__PURE__*/createElement("svg", Object.assign({
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
viewBox: "0 0 32 32",
|
|
20
|
+
width: defaultValues.size,
|
|
21
|
+
height: defaultValues.size,
|
|
22
|
+
fill: color,
|
|
23
|
+
ref: ref
|
|
24
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
25
|
+
d: "m8.026 23 1.698-1.652-4.185-4.168H31v-2.36H5.5l4.184-4.168L8.026 9 1 16z"
|
|
26
|
+
}));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const ForwardRef = /*#__PURE__*/forwardRef(IncomingIcon);
|
|
30
|
+
export default ForwardRef;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { createElement, forwardRef, useContext, useMemo } from 'react';
|
|
2
|
+
import { IconContext } from '../index.js';
|
|
3
|
+
import get from 'lodash.get';
|
|
4
|
+
|
|
5
|
+
const OutgoingIcon = ({
|
|
6
|
+
color: defaultColor,
|
|
7
|
+
size,
|
|
8
|
+
...props
|
|
9
|
+
}, ref) => {
|
|
10
|
+
const defaultContextValues = useContext(IconContext);
|
|
11
|
+
const defaultValues = { ...defaultContextValues,
|
|
12
|
+
color: defaultColor || defaultContextValues.color,
|
|
13
|
+
size: size || defaultContextValues.size,
|
|
14
|
+
...props
|
|
15
|
+
};
|
|
16
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
|
|
17
|
+
return /*#__PURE__*/createElement("svg", Object.assign({
|
|
18
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
19
|
+
viewBox: "0 0 32 32",
|
|
20
|
+
width: defaultValues.size,
|
|
21
|
+
height: defaultValues.size,
|
|
22
|
+
fill: color,
|
|
23
|
+
ref: ref
|
|
24
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
25
|
+
d: "m23.974 23-1.698-1.652 4.185-4.168H1v-2.36h25.5l-4.184-4.168L23.974 9 31 16z"
|
|
26
|
+
}));
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
const ForwardRef = /*#__PURE__*/forwardRef(OutgoingIcon);
|
|
30
|
+
export default ForwardRef;
|
package/lib/esm/icons/index.d.ts
CHANGED
|
@@ -86,6 +86,7 @@ export { default as HistoryIcon } from './HistoryIcon';
|
|
|
86
86
|
export { default as HomeIcon } from './HomeIcon';
|
|
87
87
|
export { default as HorseIcon } from './HorseIcon';
|
|
88
88
|
export { default as InboxIcon } from './InboxIcon';
|
|
89
|
+
export { default as IncomingIcon } from './IncomingIcon';
|
|
89
90
|
export { default as InfoIcon } from './InfoIcon';
|
|
90
91
|
export { default as InheritableIcon } from './InheritableIcon';
|
|
91
92
|
export { default as InkIcon } from './InkIcon';
|
|
@@ -102,6 +103,7 @@ export { default as NewIcon } from './NewIcon';
|
|
|
102
103
|
export { default as NotFoundIcon } from './NotFoundIcon';
|
|
103
104
|
export { default as NotificationsOutlineIcon } from './NotificationsOutlineIcon';
|
|
104
105
|
export { default as OpenIcon } from './OpenIcon';
|
|
106
|
+
export { default as OutgoingIcon } from './OutgoingIcon';
|
|
105
107
|
export { default as PermissionsIcon } from './PermissionsIcon';
|
|
106
108
|
export { default as PersonIcon } from './PersonIcon';
|
|
107
109
|
export { default as PinFilledIcon } from './PinFilledIcon';
|
package/lib/esm/icons/index.js
CHANGED
|
@@ -86,6 +86,7 @@ export { default as HistoryIcon } from './HistoryIcon.js';
|
|
|
86
86
|
export { default as HomeIcon } from './HomeIcon.js';
|
|
87
87
|
export { default as HorseIcon } from './HorseIcon.js';
|
|
88
88
|
export { default as InboxIcon } from './InboxIcon.js';
|
|
89
|
+
export { default as IncomingIcon } from './IncomingIcon.js';
|
|
89
90
|
export { default as InfoIcon } from './InfoIcon.js';
|
|
90
91
|
export { default as InheritableIcon } from './InheritableIcon.js';
|
|
91
92
|
export { default as InkIcon } from './InkIcon.js';
|
|
@@ -102,6 +103,7 @@ export { default as NewIcon } from './NewIcon.js';
|
|
|
102
103
|
export { default as NotFoundIcon } from './NotFoundIcon.js';
|
|
103
104
|
export { default as NotificationsOutlineIcon } from './NotificationsOutlineIcon.js';
|
|
104
105
|
export { default as OpenIcon } from './OpenIcon.js';
|
|
106
|
+
export { default as OutgoingIcon } from './OutgoingIcon.js';
|
|
105
107
|
export { default as PermissionsIcon } from './PermissionsIcon.js';
|
|
106
108
|
export { default as PersonIcon } from './PersonIcon.js';
|
|
107
109
|
export { default as PinFilledIcon } from './PinFilledIcon.js';
|
package/package.json
CHANGED
package/svg/Incoming.svg
ADDED
package/svg/Outgoing.svg
ADDED