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