@imtf/icons 0.3.0 → 0.3.1
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/MoreIcon.d.ts +7 -0
- package/lib/cjs/icons/MoreIcon.js +37 -0
- package/lib/cjs/icons/index.d.ts +1 -0
- package/lib/cjs/icons/index.js +1 -0
- package/lib/esm/icons/MoreIcon.d.ts +7 -0
- package/lib/esm/icons/MoreIcon.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/More.svg +3 -0
- package/svg/more.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 MoreIcon = ({
|
|
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: "M15.25 3.25c0 1.795-1.455 3.25-3.25 3.25S8.75 5.045 8.75 3.25 10.205 0 12 0s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25S8.75 13.795 8.75 12 10.205 8.75 12 8.75s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25s-3.25-1.455-3.25-3.25S10.205 17.5 12 17.5s3.25 1.455 3.25 3.25"
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
const ForwardRef = forwardRef(MoreIcon);
|
|
37
|
+
module.exports = ForwardRef;
|
package/lib/cjs/icons/index.d.ts
CHANGED
|
@@ -62,6 +62,7 @@ export { default as LegalEntityIcon } from './LegalEntityIcon';
|
|
|
62
62
|
export { default as LinkIcon } from './LinkIcon';
|
|
63
63
|
export { default as LogoIcon } from './LogoIcon';
|
|
64
64
|
export { default as MenuIcon } from './MenuIcon';
|
|
65
|
+
export { default as MoreIcon } from './MoreIcon';
|
|
65
66
|
export { default as NameScreeningIcon } from './NameScreeningIcon';
|
|
66
67
|
export { default as NaturalPersonIcon } from './NaturalPersonIcon';
|
|
67
68
|
export { default as NotFoundIcon } from './NotFoundIcon';
|
package/lib/cjs/icons/index.js
CHANGED
|
@@ -62,6 +62,7 @@ module.exports.LegalEntityIcon = require('./LegalEntityIcon.js');
|
|
|
62
62
|
module.exports.LinkIcon = require('./LinkIcon.js');
|
|
63
63
|
module.exports.LogoIcon = require('./LogoIcon.js');
|
|
64
64
|
module.exports.MenuIcon = require('./MenuIcon.js');
|
|
65
|
+
module.exports.MoreIcon = require('./MoreIcon.js');
|
|
65
66
|
module.exports.NameScreeningIcon = require('./NameScreeningIcon.js');
|
|
66
67
|
module.exports.NaturalPersonIcon = require('./NaturalPersonIcon.js');
|
|
67
68
|
module.exports.NotFoundIcon = require('./NotFoundIcon.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 MoreIcon = ({
|
|
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: "M15.25 3.25c0 1.795-1.455 3.25-3.25 3.25S8.75 5.045 8.75 3.25 10.205 0 12 0s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25S8.75 13.795 8.75 12 10.205 8.75 12 8.75s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25s-3.25-1.455-3.25-3.25S10.205 17.5 12 17.5s3.25 1.455 3.25 3.25"
|
|
27
|
+
}));
|
|
28
|
+
};
|
|
29
|
+
const ForwardRef = /*#__PURE__*/forwardRef(MoreIcon);
|
|
30
|
+
export default ForwardRef;
|
package/lib/esm/icons/index.d.ts
CHANGED
|
@@ -62,6 +62,7 @@ export { default as LegalEntityIcon } from './LegalEntityIcon';
|
|
|
62
62
|
export { default as LinkIcon } from './LinkIcon';
|
|
63
63
|
export { default as LogoIcon } from './LogoIcon';
|
|
64
64
|
export { default as MenuIcon } from './MenuIcon';
|
|
65
|
+
export { default as MoreIcon } from './MoreIcon';
|
|
65
66
|
export { default as NameScreeningIcon } from './NameScreeningIcon';
|
|
66
67
|
export { default as NaturalPersonIcon } from './NaturalPersonIcon';
|
|
67
68
|
export { default as NotFoundIcon } from './NotFoundIcon';
|
package/lib/esm/icons/index.js
CHANGED
|
@@ -62,6 +62,7 @@ export { default as LegalEntityIcon } from './LegalEntityIcon.js';
|
|
|
62
62
|
export { default as LinkIcon } from './LinkIcon.js';
|
|
63
63
|
export { default as LogoIcon } from './LogoIcon.js';
|
|
64
64
|
export { default as MenuIcon } from './MenuIcon.js';
|
|
65
|
+
export { default as MoreIcon } from './MoreIcon.js';
|
|
65
66
|
export { default as NameScreeningIcon } from './NameScreeningIcon.js';
|
|
66
67
|
export { default as NaturalPersonIcon } from './NaturalPersonIcon.js';
|
|
67
68
|
export { default as NotFoundIcon } from './NotFoundIcon.js';
|
package/package.json
CHANGED
package/svg/More.svg
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
|
2
|
+
<path d="M15.25 3.25c0 1.795-1.455 3.25-3.25 3.25S8.75 5.045 8.75 3.25 10.205 0 12 0s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25S8.75 13.795 8.75 12 10.205 8.75 12 8.75s3.25 1.455 3.25 3.25m0 8.75c0 1.795-1.455 3.25-3.25 3.25s-3.25-1.455-3.25-3.25S10.205 17.5 12 17.5s3.25 1.455 3.25 3.25"/>
|
|
3
|
+
</svg>
|
package/svg/more.json
ADDED