@imtf/icons 0.3.2 → 0.3.3
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/AccountEntityIcon.d.ts +7 -0
- package/lib/cjs/icons/AccountEntityIcon.js +37 -0
- package/lib/cjs/icons/index.d.ts +1 -0
- package/lib/cjs/icons/index.js +1 -0
- package/lib/esm/icons/AccountEntityIcon.d.ts +7 -0
- package/lib/esm/icons/AccountEntityIcon.js +30 -0
- package/lib/esm/icons/index.d.ts +1 -0
- package/lib/esm/icons/index.js +1 -0
- package/package.json +1 -1
- package/svg/AccountEntity.svg +3 -0
- package/svg/accountEntity.json +4 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const {
|
|
2
|
+
createElement,
|
|
3
|
+
forwardRef,
|
|
4
|
+
useContext,
|
|
5
|
+
useMemo
|
|
6
|
+
} = require('react');
|
|
7
|
+
const {
|
|
8
|
+
IconContext
|
|
9
|
+
} = require('../providers');
|
|
10
|
+
const get = require('lodash.get');
|
|
11
|
+
const AccountEntityIcon = ({
|
|
12
|
+
color: defaultColor,
|
|
13
|
+
size,
|
|
14
|
+
...props
|
|
15
|
+
}, ref) => {
|
|
16
|
+
const defaultContextValues = useContext(IconContext);
|
|
17
|
+
const defaultValues = {
|
|
18
|
+
...defaultContextValues,
|
|
19
|
+
color: defaultColor || defaultContextValues.color,
|
|
20
|
+
size: size || defaultContextValues.size,
|
|
21
|
+
...props
|
|
22
|
+
};
|
|
23
|
+
const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
|
|
24
|
+
return /*#__PURE__*/createElement("svg", Object.assign({
|
|
25
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
26
|
+
viewBox: "0 0 24 24",
|
|
27
|
+
width: defaultValues.size,
|
|
28
|
+
height: defaultValues.size,
|
|
29
|
+
fill: color,
|
|
30
|
+
color: color,
|
|
31
|
+
ref: ref
|
|
32
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
33
|
+
d: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187l3.125-3.125zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4s1.794 4 4 4c.3 0 .594-.03.875-.094.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1s1-.448 1-1V8c0-.552-.448-1-1-1M0 3v16h1v1h3v-1h7.094c-.055-.326-.094-.66-.094-1s.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z"
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
const ForwardRef = forwardRef(AccountEntityIcon);
|
|
37
|
+
module.exports = ForwardRef;
|
package/lib/cjs/icons/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as AccountIcon } from './AccountIcon';
|
|
2
|
+
export { default as AccountEntityIcon } from './AccountEntityIcon';
|
|
2
3
|
export { default as ActiveOriginArchiveIcon } from './ActiveOriginArchiveIcon';
|
|
3
4
|
export { default as AddIcon } from './AddIcon';
|
|
4
5
|
export { default as AdminIcon } from './AdminIcon';
|
package/lib/cjs/icons/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
module.exports.AccountIcon = require('./AccountIcon.js');
|
|
2
|
+
module.exports.AccountEntityIcon = require('./AccountEntityIcon.js');
|
|
2
3
|
module.exports.ActiveOriginArchiveIcon = require('./ActiveOriginArchiveIcon.js');
|
|
3
4
|
module.exports.AddIcon = require('./AddIcon.js');
|
|
4
5
|
module.exports.AdminIcon = require('./AdminIcon.js');
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { createElement, forwardRef, useContext, useMemo } from 'react';
|
|
2
|
+
import { IconContext } from '../providers';
|
|
3
|
+
import get from 'lodash.get';
|
|
4
|
+
const AccountEntityIcon = ({
|
|
5
|
+
color: defaultColor,
|
|
6
|
+
size,
|
|
7
|
+
...props
|
|
8
|
+
}, ref) => {
|
|
9
|
+
const defaultContextValues = useContext(IconContext);
|
|
10
|
+
const defaultValues = {
|
|
11
|
+
...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 24 24",
|
|
20
|
+
width: defaultValues.size,
|
|
21
|
+
height: defaultValues.size,
|
|
22
|
+
fill: color,
|
|
23
|
+
color: color,
|
|
24
|
+
ref: ref
|
|
25
|
+
}, props), /*#__PURE__*/createElement("path", {
|
|
26
|
+
d: "m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187l3.125-3.125zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4s1.794 4 4 4c.3 0 .594-.03.875-.094.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1s1-.448 1-1V8c0-.552-.448-1-1-1M0 3v16h1v1h3v-1h7.094c-.055-.326-.094-.66-.094-1s.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z"
|
|
27
|
+
}));
|
|
28
|
+
};
|
|
29
|
+
const ForwardRef = /*#__PURE__*/forwardRef(AccountEntityIcon);
|
|
30
|
+
export default ForwardRef;
|
package/lib/esm/icons/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as AccountIcon } from './AccountIcon';
|
|
2
|
+
export { default as AccountEntityIcon } from './AccountEntityIcon';
|
|
2
3
|
export { default as ActiveOriginArchiveIcon } from './ActiveOriginArchiveIcon';
|
|
3
4
|
export { default as AddIcon } from './AddIcon';
|
|
4
5
|
export { default as AdminIcon } from './AdminIcon';
|
package/lib/esm/icons/index.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as AccountIcon } from './AccountIcon.js';
|
|
2
|
+
export { default as AccountEntityIcon } from './AccountEntityIcon.js';
|
|
2
3
|
export { default as ActiveOriginArchiveIcon } from './ActiveOriginArchiveIcon.js';
|
|
3
4
|
export { default as AddIcon } from './AddIcon.js';
|
|
4
5
|
export { default as AdminIcon } from './AdminIcon.js';
|
package/package.json
CHANGED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="m19.125 15.063 1.406 1.406L16 21l-3-3 1.406-1.406L16 18.187l3.125-3.125zM17 13c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5m-6-4c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2m0-2c-2.206 0-4 1.794-4 4s1.794 4 4 4c.3 0 .594-.03.875-.094.66-1.09 1.653-1.978 2.844-2.47.174-.45.28-.923.28-1.436 0-2.206-1.796-4-4-4zM4 7c-.552 0-1 .448-1 1v6c0 .552.448 1 1 1s1-.448 1-1V8c0-.552-.448-1-1-1M0 3v16h1v1h3v-1h7.094c-.055-.326-.094-.66-.094-1s.04-.674.094-1H2V5h15v7c.702 0 1.374.122 2 .344V8h1V6h-1V3z"/>
|
|
3
|
+
</svg>
|