bright-components 10.2.1 → 10.2.2
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/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;
|