bright-components 10.2.1 → 10.2.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Icons/Users/index.js +1 -1
- package/dist/components/Icons/Visibility/index.js +2 -14
- package/dist/components/Icons/Visible/index.js +29 -0
- package/package.json +1 -1
- package/src/components/Icons/Users/index.js +1 -1
- package/src/components/Icons/Visibility/index.js +3 -14
- package/src/components/Icons/Visible/examples.md +5 -0
- package/src/components/Icons/Visible/index.js +19 -0
@@ -16,7 +16,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
|
|
16
16
|
const UsersIcon = props => _react.default.createElement(_reactIconBase.default, _extends({
|
17
17
|
viewBox: "0 0 32 32"
|
18
18
|
}, props), _react.default.createElement("path", {
|
19
|
-
d: "
|
19
|
+
d: "M6.421 16.496C6.15 15.635 6 14.773 6 14c0-3.308 2.692-6 6-6 1.069 0 2.073.283 2.944.775A6 6 0 0120 6c3.308 0 6 2.692 6 6 0 .773-.15 1.635-.421 2.496C28.166 15.525 30 18.051 30 21c0 1.654-1.346 3-3 3h-5.172A3.004 3.004 0 0119 26H5c-1.654 0-3-1.346-3-3 0-2.949 1.834-5.475 4.421-6.504zM8 14c0 2.479 2.069 6 4 6s4-3.521 4-6c0-2.206-1.794-4-4-4s-4 1.794-4 4zm12-6a4 4 0 00-3.49 2.05A5.974 5.974 0 0118 14c0 .773-.15 1.635-.421 2.496a7 7 0 012.315 1.506L20 18c1.931 0 4-3.521 4-6 0-2.206-1.794-4-4-4zm8 13a5.006 5.006 0 00-3.194-4.66 9.92 9.92 0 01-.43.737c-.903 1.402-1.995 2.331-3.156 2.717A6.93 6.93 0 0121.927 22H27c.551 0 1-.449 1-1zM5 24h14c.551 0 1-.449 1-1a5.006 5.006 0 00-3.194-4.66 9.92 9.92 0 01-.43.737C15.162 20.962 13.608 22 12 22c-1.608 0-3.162-1.038-4.376-2.923a10.13 10.13 0 01-.43-.737A5.006 5.006 0 004 23c0 .551.449 1 1 1z"
|
20
20
|
}));
|
21
21
|
|
22
22
|
UsersIcon.propTypes = {
|
@@ -14,27 +14,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
14
14
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
15
15
|
|
16
16
|
const VisibilityIcon = props => _react.default.createElement(_reactIconBase.default, _extends({
|
17
|
-
viewBox: "0 0
|
17
|
+
viewBox: "0 0 32 32"
|
18
18
|
}, props), _react.default.createElement("path", {
|
19
|
-
d: "
|
20
|
-
fill: props.color
|
21
|
-
}), _react.default.createElement("circle", {
|
22
|
-
cx: "128",
|
23
|
-
cy: "128",
|
24
|
-
r: "30",
|
25
|
-
fill: props.color
|
26
|
-
}), _react.default.createElement("path", {
|
27
|
-
d: "M252.49 3.51c-4.69-4.69-12.29-4.69-16.97 0l-232 232c-4.69 4.69-4.69 12.28 0 16.97 4.69 4.69 12.29 4.69 16.97 0l232-232c4.68-4.68 4.68-12.28 0-16.97z",
|
28
|
-
fill: props.color
|
19
|
+
d: "M29.769 15.36C29.519 15.06 23.562 8 16 8c-1.938 0-3.77.464-5.427 1.159L5.707 4.293a1 1 0 00-1.414 1.414l4.38 4.38c-3.774 2.108-6.282 5.08-6.442 5.274a1 1 0 000 1.278C2.481 16.94 8.438 24 16 24c1.938 0 3.77-.463 5.427-1.158l4.866 4.866a1 1 0 001.414-1.414l-4.38-4.38c3.774-2.108 6.282-5.081 6.442-5.274a1 1 0 000-1.278zM16 22c-5.372 0-10.05-4.336-11.647-6 .973-1.014 3.088-3.015 5.805-4.428l.25.25a6 6 0 007.77 7.77l1.699 1.699C18.653 21.727 17.349 22 16 22zm5.842-1.572l-9.719-9.719C13.347 10.274 14.651 10 16 10c5.372 0 10.049 4.335 11.647 6-.973 1.014-3.088 3.015-5.805 4.428z"
|
29
20
|
}));
|
30
21
|
|
31
|
-
VisibilityIcon.displayName = 'VisibilityIcon';
|
32
22
|
VisibilityIcon.propTypes = {
|
33
|
-
color: _propTypes.string,
|
34
23
|
size: _propTypes.number
|
35
24
|
};
|
36
25
|
VisibilityIcon.defaultProps = {
|
37
|
-
color: '#000',
|
38
26
|
size: 40
|
39
27
|
};
|
40
28
|
var _default = VisibilityIcon;
|
@@ -0,0 +1,29 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
exports.__esModule = true;
|
4
|
+
exports.default = void 0;
|
5
|
+
|
6
|
+
var _react = _interopRequireDefault(require("react"));
|
7
|
+
|
8
|
+
var _propTypes = require("prop-types");
|
9
|
+
|
10
|
+
var _reactIconBase = _interopRequireDefault(require("react-icon-base"));
|
11
|
+
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
13
|
+
|
14
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
15
|
+
|
16
|
+
const VisibleIcon = props => _react.default.createElement(_reactIconBase.default, _extends({
|
17
|
+
viewBox: "0 0 32 32"
|
18
|
+
}, props), _react.default.createElement("path", {
|
19
|
+
d: "M29.769 15.36C29.519 15.06 23.562 8 16 8S2.481 15.06 2.231 15.36a1 1 0 000 1.28C2.481 16.94 8.438 24 16 24s13.519-7.06 13.769-7.36a1 1 0 000-1.28zM16 22c-5.372 0-10.05-4.336-11.647-6 1.028-1.07 3.33-3.243 6.269-4.66a6 6 0 1010.757 0c2.939 1.416 5.24 3.59 6.268 4.66-1.598 1.665-6.275 6-11.647 6z"
|
20
|
+
}));
|
21
|
+
|
22
|
+
VisibleIcon.propTypes = {
|
23
|
+
size: _propTypes.number
|
24
|
+
};
|
25
|
+
VisibleIcon.defaultProps = {
|
26
|
+
size: 40
|
27
|
+
};
|
28
|
+
var _default = VisibleIcon;
|
29
|
+
exports.default = _default;
|
package/package.json
CHANGED
@@ -4,7 +4,7 @@ import IconBase from 'react-icon-base';
|
|
4
4
|
|
5
5
|
const UsersIcon = props => (
|
6
6
|
<IconBase viewBox="0 0 32 32" {...props}>
|
7
|
-
<path d="
|
7
|
+
<path d="M6.421 16.496C6.15 15.635 6 14.773 6 14c0-3.308 2.692-6 6-6 1.069 0 2.073.283 2.944.775A6 6 0 0120 6c3.308 0 6 2.692 6 6 0 .773-.15 1.635-.421 2.496C28.166 15.525 30 18.051 30 21c0 1.654-1.346 3-3 3h-5.172A3.004 3.004 0 0119 26H5c-1.654 0-3-1.346-3-3 0-2.949 1.834-5.475 4.421-6.504zM8 14c0 2.479 2.069 6 4 6s4-3.521 4-6c0-2.206-1.794-4-4-4s-4 1.794-4 4zm12-6a4 4 0 00-3.49 2.05A5.974 5.974 0 0118 14c0 .773-.15 1.635-.421 2.496a7 7 0 012.315 1.506L20 18c1.931 0 4-3.521 4-6 0-2.206-1.794-4-4-4zm8 13a5.006 5.006 0 00-3.194-4.66 9.92 9.92 0 01-.43.737c-.903 1.402-1.995 2.331-3.156 2.717A6.93 6.93 0 0121.927 22H27c.551 0 1-.449 1-1zM5 24h14c.551 0 1-.449 1-1a5.006 5.006 0 00-3.194-4.66 9.92 9.92 0 01-.43.737C15.162 20.962 13.608 22 12 22c-1.608 0-3.162-1.038-4.376-2.923a10.13 10.13 0 01-.43-.737A5.006 5.006 0 004 23c0 .551.449 1 1 1z" />
|
8
8
|
</IconBase>
|
9
9
|
);
|
10
10
|
|
@@ -1,29 +1,18 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { number } from 'prop-types';
|
3
3
|
import IconBase from 'react-icon-base';
|
4
4
|
|
5
5
|
const VisibilityIcon = props => (
|
6
|
-
<IconBase viewBox="0 0
|
7
|
-
<path
|
8
|
-
d="M254.89 122.97c-.36-.78-9.08-19.38-29.04-37.79C207.48 68.22 175.58 48 128 48S48.52 68.22 30.14 85.18c-19.95 18.41-28.67 37-29.04 37.79a12.026 12.026 0 0 0 0 10.06c.36.78 9.08 19.38 29.04 37.79C48.52 187.78 80.42 208 128 208s79.48-20.22 97.86-37.18c19.95-18.41 28.67-37 29.04-37.79 1.47-3.19 1.47-6.87-.01-10.06zM184 128c0 30.88-25.12 56-56 56s-56-25.12-56-56 25.12-56 56-56 56 25.12 56 56zm-158.3 0c3.54-5.84 10.5-15.91 21.44-25.84 2.49-2.26 5.05-4.39 7.68-6.4C50.44 105.63 48 116.53 48 128s2.44 22.37 6.81 32.24c-2.62-2.01-5.18-4.14-7.68-6.4-10.93-9.93-17.9-20-21.43-25.84zm183.17 25.84a118.32 118.32 0 0 1-7.68 6.4c4.36-9.87 6.81-20.77 6.81-32.24s-2.44-22.37-6.81-32.24c2.62 2.01 5.18 4.14 7.68 6.4 10.94 9.93 17.91 20.01 21.44 25.83-3.54 5.85-10.51 15.92-21.44 25.85z"
|
9
|
-
fill={props.color}
|
10
|
-
/>
|
11
|
-
<circle cx="128" cy="128" r="30" fill={props.color} />
|
12
|
-
<path
|
13
|
-
d="M252.49 3.51c-4.69-4.69-12.29-4.69-16.97 0l-232 232c-4.69 4.69-4.69 12.28 0 16.97 4.69 4.69 12.29 4.69 16.97 0l232-232c4.68-4.68 4.68-12.28 0-16.97z"
|
14
|
-
fill={props.color}
|
15
|
-
/>
|
6
|
+
<IconBase viewBox="0 0 32 32" {...props}>
|
7
|
+
<path d="M29.769 15.36C29.519 15.06 23.562 8 16 8c-1.938 0-3.77.464-5.427 1.159L5.707 4.293a1 1 0 00-1.414 1.414l4.38 4.38c-3.774 2.108-6.282 5.08-6.442 5.274a1 1 0 000 1.278C2.481 16.94 8.438 24 16 24c1.938 0 3.77-.463 5.427-1.158l4.866 4.866a1 1 0 001.414-1.414l-4.38-4.38c3.774-2.108 6.282-5.081 6.442-5.274a1 1 0 000-1.278zM16 22c-5.372 0-10.05-4.336-11.647-6 .973-1.014 3.088-3.015 5.805-4.428l.25.25a6 6 0 007.77 7.77l1.699 1.699C18.653 21.727 17.349 22 16 22zm5.842-1.572l-9.719-9.719C13.347 10.274 14.651 10 16 10c5.372 0 10.049 4.335 11.647 6-.973 1.014-3.088 3.015-5.805 4.428z" />
|
16
8
|
</IconBase>
|
17
9
|
);
|
18
|
-
VisibilityIcon.displayName = 'VisibilityIcon';
|
19
10
|
|
20
11
|
VisibilityIcon.propTypes = {
|
21
|
-
color: string,
|
22
12
|
size: number
|
23
13
|
};
|
24
14
|
|
25
15
|
VisibilityIcon.defaultProps = {
|
26
|
-
color: '#000',
|
27
16
|
size: 40
|
28
17
|
};
|
29
18
|
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { number } from 'prop-types';
|
3
|
+
import IconBase from 'react-icon-base';
|
4
|
+
|
5
|
+
const VisibleIcon = props => (
|
6
|
+
<IconBase viewBox="0 0 32 32" {...props}>
|
7
|
+
<path d="M29.769 15.36C29.519 15.06 23.562 8 16 8S2.481 15.06 2.231 15.36a1 1 0 000 1.28C2.481 16.94 8.438 24 16 24s13.519-7.06 13.769-7.36a1 1 0 000-1.28zM16 22c-5.372 0-10.05-4.336-11.647-6 1.028-1.07 3.33-3.243 6.269-4.66a6 6 0 1010.757 0c2.939 1.416 5.24 3.59 6.268 4.66-1.598 1.665-6.275 6-11.647 6z" />
|
8
|
+
</IconBase>
|
9
|
+
);
|
10
|
+
|
11
|
+
VisibleIcon.propTypes = {
|
12
|
+
size: number
|
13
|
+
};
|
14
|
+
|
15
|
+
VisibleIcon.defaultProps = {
|
16
|
+
size: 40
|
17
|
+
};
|
18
|
+
|
19
|
+
export default VisibleIcon;
|