bright-components 10.2.2 → 10.2.3
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/Icons/Eye/index.js +6 -32
- package/package.json +1 -1
- package/src/components/Icons/Eye/examples.md +1 -1
- package/src/components/Icons/Eye/index.js +4 -19
- package/dist/components/Icons/Visible/index.js +0 -29
- package/src/components/Icons/Visible/examples.md +0 -5
- package/src/components/Icons/Visible/index.js +0 -19
@@ -5,50 +5,24 @@ exports.default = void 0;
|
|
5
5
|
|
6
6
|
var _react = _interopRequireDefault(require("react"));
|
7
7
|
|
8
|
-
var _reactIconBase = _interopRequireDefault(require("react-icon-base"));
|
9
|
-
|
10
8
|
var _propTypes = require("prop-types");
|
11
9
|
|
12
|
-
var
|
10
|
+
var _reactIconBase = _interopRequireDefault(require("react-icon-base"));
|
13
11
|
|
14
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
15
13
|
|
16
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); }
|
17
15
|
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
let {
|
24
|
-
size
|
25
|
-
} = _ref,
|
26
|
-
props = _objectWithoutProperties(_ref, ["size"]);
|
27
|
-
|
28
|
-
return _react.default.createElement(_reactIconBase.default, _extends({}, props, {
|
29
|
-
size: size,
|
30
|
-
viewBox: "0 0 24 24"
|
31
|
-
}), _react.default.createElement("rect", {
|
32
|
-
transform: "translate(0)"
|
33
|
-
}), _react.default.createElement("circle", {
|
34
|
-
fill: props.color,
|
35
|
-
cx: "5",
|
36
|
-
cy: "5",
|
37
|
-
r: "5",
|
38
|
-
transform: "translate(7 7)"
|
39
|
-
}), _react.default.createElement("path", {
|
40
|
-
fill: props.color,
|
41
|
-
d: "M12,20C5.089,20,.359,12.849.162,12.545a1,1,0,0,1,0-1.09C.359,11.15,5.089,4,12,4s11.641,7.15,11.838,7.455a1,1,0,0,1,0,1.09C23.641,12.849,18.911,20,12,20ZM2.23,12c1.189,1.573,4.961,6,9.77,6s8.581-4.427,9.77-6C20.581,10.427,16.809,6,12,6S3.419,10.427,2.23,12Z"
|
42
|
-
}));
|
43
|
-
};
|
16
|
+
const EyeIcon = 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
|
+
}));
|
44
21
|
|
45
|
-
EyeIcon.displayName = 'EyeIcon';
|
46
22
|
EyeIcon.propTypes = {
|
47
|
-
color: _propTypes.string,
|
48
23
|
size: _propTypes.number
|
49
24
|
};
|
50
25
|
EyeIcon.defaultProps = {
|
51
|
-
color: _colors.default.iconColor,
|
52
26
|
size: 40
|
53
27
|
};
|
54
28
|
var _default = EyeIcon;
|
package/package.json
CHANGED
@@ -1,33 +1,18 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { number } from 'prop-types';
|
2
3
|
import IconBase from 'react-icon-base';
|
3
|
-
import { string, number } from 'prop-types';
|
4
|
-
import colors from 'constants/colors';
|
5
4
|
|
6
|
-
const EyeIcon =
|
7
|
-
<IconBase
|
8
|
-
<
|
9
|
-
<circle
|
10
|
-
fill={props.color}
|
11
|
-
cx="5"
|
12
|
-
cy="5"
|
13
|
-
r="5"
|
14
|
-
transform="translate(7 7)"
|
15
|
-
/>
|
16
|
-
<path
|
17
|
-
fill={props.color}
|
18
|
-
d="M12,20C5.089,20,.359,12.849.162,12.545a1,1,0,0,1,0-1.09C.359,11.15,5.089,4,12,4s11.641,7.15,11.838,7.455a1,1,0,0,1,0,1.09C23.641,12.849,18.911,20,12,20ZM2.23,12c1.189,1.573,4.961,6,9.77,6s8.581-4.427,9.77-6C20.581,10.427,16.809,6,12,6S3.419,10.427,2.23,12Z"
|
19
|
-
/>
|
5
|
+
const EyeIcon = 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" />
|
20
8
|
</IconBase>
|
21
9
|
);
|
22
|
-
EyeIcon.displayName = 'EyeIcon';
|
23
10
|
|
24
11
|
EyeIcon.propTypes = {
|
25
|
-
color: string,
|
26
12
|
size: number
|
27
13
|
};
|
28
14
|
|
29
15
|
EyeIcon.defaultProps = {
|
30
|
-
color: colors.iconColor,
|
31
16
|
size: 40
|
32
17
|
};
|
33
18
|
|
@@ -1,29 +0,0 @@
|
|
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;
|
@@ -1,19 +0,0 @@
|
|
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;
|