@pie-lib/icons 2.7.0 → 2.9.0
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/CHANGELOG.md +24 -52
- package/package.json +2 -2
- package/lib/correct-icon.js +0 -89
- package/lib/correct-icon.js.map +0 -1
- package/lib/correct-response-icon.js +0 -153
- package/lib/correct-response-icon.js.map +0 -1
- package/lib/icon-base.js +0 -206
- package/lib/icon-base.js.map +0 -1
- package/lib/icon-root.js +0 -130
- package/lib/icon-root.js.map +0 -1
- package/lib/incorrect-icon.js +0 -92
- package/lib/incorrect-icon.js.map +0 -1
- package/lib/index.js +0 -72
- package/lib/index.js.map +0 -1
- package/lib/instructions-icon.js +0 -229
- package/lib/instructions-icon.js.map +0 -1
- package/lib/learn-more-icon.js +0 -145
- package/lib/learn-more-icon.js.map +0 -1
- package/lib/nothing-submitted-icon.js +0 -183
- package/lib/nothing-submitted-icon.js.map +0 -1
- package/lib/partially-correct-icon.js +0 -82
- package/lib/partially-correct-icon.js.map +0 -1
- package/lib/show-rationale-icon.js +0 -206
- package/lib/show-rationale-icon.js.map +0 -1
- package/lib/sized.js +0 -41
- package/lib/sized.js.map +0 -1
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.PartiallyCorrect = void 0;
|
|
9
|
-
|
|
10
|
-
var _iconBase = _interopRequireDefault(require("./icon-base"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _iconRoot = require("./icon-root");
|
|
17
|
-
|
|
18
|
-
var _styles = require("@material-ui/core/styles");
|
|
19
|
-
|
|
20
|
-
var styles = (0, _iconRoot.getStyles)('partially-correct', '#4aaf46', '#c1e1ac');
|
|
21
|
-
|
|
22
|
-
var Check = function Check(_ref) {
|
|
23
|
-
var className = _ref.className;
|
|
24
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
25
|
-
transform: 'translate(0, 0)'
|
|
26
|
-
}, /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
27
|
-
className: className,
|
|
28
|
-
points: "27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6"
|
|
29
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
30
|
-
className: className,
|
|
31
|
-
points: "16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3"
|
|
32
|
-
}));
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var Emoji = function Emoji(_ref2) {
|
|
36
|
-
var className = _ref2.className;
|
|
37
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
38
|
-
transform: 'translate(2, 0)'
|
|
39
|
-
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
40
|
-
x: "20.6",
|
|
41
|
-
y: "11.8",
|
|
42
|
-
className: className,
|
|
43
|
-
width: "4",
|
|
44
|
-
height: "5"
|
|
45
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
46
|
-
x: "11.5",
|
|
47
|
-
y: "11.8",
|
|
48
|
-
className: className,
|
|
49
|
-
width: "4",
|
|
50
|
-
height: "5"
|
|
51
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
52
|
-
x: "10.9",
|
|
53
|
-
y: "22.9",
|
|
54
|
-
transform: "matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)",
|
|
55
|
-
className: className,
|
|
56
|
-
width: "14.3",
|
|
57
|
-
height: "3.7"
|
|
58
|
-
}));
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
Emoji.propTypes = Check.propTypes = {
|
|
62
|
-
className: _propTypes["default"].string
|
|
63
|
-
};
|
|
64
|
-
var PartiallyCorrect = (0, _iconBase["default"])(Check, Emoji);
|
|
65
|
-
exports.PartiallyCorrect = PartiallyCorrect;
|
|
66
|
-
PartiallyCorrect.propTypes = {
|
|
67
|
-
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
68
|
-
shape: _propTypes["default"].oneOf(['round', 'square']),
|
|
69
|
-
category: _propTypes["default"].oneOf(['feedback', undefined]),
|
|
70
|
-
open: _propTypes["default"].bool
|
|
71
|
-
};
|
|
72
|
-
PartiallyCorrect.defaultProps = {
|
|
73
|
-
iconSet: 'check',
|
|
74
|
-
shape: 'round',
|
|
75
|
-
category: undefined,
|
|
76
|
-
open: false
|
|
77
|
-
};
|
|
78
|
-
|
|
79
|
-
var _default = (0, _styles.withStyles)(styles)(PartiallyCorrect);
|
|
80
|
-
|
|
81
|
-
exports["default"] = _default;
|
|
82
|
-
//# sourceMappingURL=partially-correct-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/partially-correct-icon.jsx"],"names":["styles","Check","className","Emoji","propTypes","PropTypes","string","PartiallyCorrect","iconSet","oneOf","shape","category","undefined","open","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,yBAAU,mBAAV,EAA+B,SAA/B,EAA0C,SAA1C,CAAf;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AAAS,IAAA,SAAS,EAAEA,SAApB;AAA+B,IAAA,MAAM,EAAC;AAAtC,IADF,eAEE;AAAS,IAAA,SAAS,EAAEA,SAApB;AAA+B,IAAA,MAAM,EAAC;AAAtC,IAFF,CADY;AAAA,CAAd;;AAOA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGD,SAAH,SAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAwB,IAAA,SAAS,EAAEA,SAAnC;AAA8C,IAAA,KAAK,EAAC,GAApD;AAAwD,IAAA,MAAM,EAAC;AAA/D,IADF,eAEE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAwB,IAAA,SAAS,EAAEA,SAAnC;AAA8C,IAAA,KAAK,EAAC,GAApD;AAAwD,IAAA,MAAM,EAAC;AAA/D,IAFF,eAGE;AACE,IAAA,CAAC,EAAC,MADJ;AAEE,IAAA,CAAC,EAAC,MAFJ;AAGE,IAAA,SAAS,EAAC,qDAHZ;AAIE,IAAA,SAAS,EAAEA,SAJb;AAKE,IAAA,KAAK,EAAC,MALR;AAME,IAAA,MAAM,EAAC;AANT,IAHF,CADY;AAAA,CAAd;;AAeAC,KAAK,CAACC,SAAN,GAAkBH,KAAK,CAACG,SAAN,GAAkB;AAAEF,EAAAA,SAAS,EAAEG,sBAAUC;AAAvB,CAApC;AAEO,IAAMC,gBAAgB,GAAG,0BAASN,KAAT,EAAgBE,KAAhB,CAAzB;;AAEPI,gBAAgB,CAACH,SAAjB,GAA6B;AAC3BI,EAAAA,OAAO,EAAEH,sBAAUI,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADkB;AAE3BC,EAAAA,KAAK,EAAEL,sBAAUI,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,CAFoB;AAG3BE,EAAAA,QAAQ,EAAEN,sBAAUI,KAAV,CAAgB,CAAC,UAAD,EAAaG,SAAb,CAAhB,CAHiB;AAI3BC,EAAAA,IAAI,EAAER,sBAAUS;AAJW,CAA7B;AAOAP,gBAAgB,CAACQ,YAAjB,GAAgC;AAC9BP,EAAAA,OAAO,EAAE,OADqB;AAE9BE,EAAAA,KAAK,EAAE,OAFuB;AAG9BC,EAAAA,QAAQ,EAAEC,SAHoB;AAI9BC,EAAAA,IAAI,EAAE;AAJwB,CAAhC;;eAOe,wBAAWb,MAAX,EAAmBO,gBAAnB,C","sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { getStyles } from './icon-root';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = getStyles('partially-correct', '#4aaf46', '#c1e1ac');\n\nconst Check = ({ className }) => (\n <g transform={'translate(0, 0)'}>\n <polygon className={className} points=\"27.5,13.4 23.9,11.4 15.9,25.8 19.1,28.6\" />\n <polygon className={className} points=\"16.2,20.6 14.4,19.2 11.8,22.3 14.1,24.3\" />\n </g>\n);\n\nconst Emoji = ({ className }) => (\n <g transform={'translate(2, 0)'}>\n <rect x=\"20.6\" y=\"11.8\" className={className} width=\"4\" height=\"5\" />\n <rect x=\"11.5\" y=\"11.8\" className={className} width=\"4\" height=\"5\" />\n <rect\n x=\"10.9\"\n y=\"22.9\"\n transform=\"matrix(0.9794 -0.2019 0.2019 0.9794 -4.6237 4.1559)\"\n className={className}\n width=\"14.3\"\n height=\"3.7\"\n />\n </g>\n);\n\nEmoji.propTypes = Check.propTypes = { className: PropTypes.string };\n\nexport const PartiallyCorrect = IconBase(Check, Emoji);\n\nPartiallyCorrect.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n};\n\nPartiallyCorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n};\n\nexport default withStyles(styles)(PartiallyCorrect);\n"],"file":"partially-correct-icon.js"}
|
|
@@ -1,206 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.ShowRationale = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
|
-
|
|
18
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
|
-
|
|
20
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
|
-
|
|
22
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
23
|
-
|
|
24
|
-
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
|
-
var _styles = require("@material-ui/core/styles");
|
|
27
|
-
|
|
28
|
-
var _sized = require("./sized");
|
|
29
|
-
|
|
30
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
31
|
-
|
|
32
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
33
|
-
|
|
34
|
-
var Info = function Info(_ref) {
|
|
35
|
-
var fg = _ref.fg;
|
|
36
|
-
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
37
|
-
x: "-115",
|
|
38
|
-
y: "136.7",
|
|
39
|
-
className: fg,
|
|
40
|
-
width: "3",
|
|
41
|
-
height: "3"
|
|
42
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
43
|
-
className: fg,
|
|
44
|
-
points: "-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7"
|
|
45
|
-
}));
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
Info.propTypes = {
|
|
49
|
-
fg: _propTypes["default"].string
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var Border = function Border(_ref2) {
|
|
53
|
-
var className = _ref2.className;
|
|
54
|
-
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
55
|
-
className: className,
|
|
56
|
-
d: "M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z"
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
Border.propTypes = {
|
|
61
|
-
className: _propTypes["default"].string
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
var Circle = function Circle() {
|
|
65
|
-
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
|
|
66
|
-
style: {
|
|
67
|
-
fill: '#D0CAC5',
|
|
68
|
-
stroke: '#E6E3E0',
|
|
69
|
-
strokeWidth: 0.75,
|
|
70
|
-
strokeMiterlimit: 10
|
|
71
|
-
},
|
|
72
|
-
d: "M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z"
|
|
73
|
-
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
74
|
-
style: {
|
|
75
|
-
fill: '#B3ABA4',
|
|
76
|
-
stroke: '#CDC7C2',
|
|
77
|
-
strokeWidth: 0.5,
|
|
78
|
-
strokeMiterlimit: 10
|
|
79
|
-
},
|
|
80
|
-
d: "M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z"
|
|
81
|
-
}), /*#__PURE__*/_react["default"].createElement("circle", {
|
|
82
|
-
style: {
|
|
83
|
-
fill: '#FFFFFF'
|
|
84
|
-
},
|
|
85
|
-
cx: "-113",
|
|
86
|
-
cy: "144",
|
|
87
|
-
r: "14"
|
|
88
|
-
}));
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
var Root = function Root(_ref3) {
|
|
92
|
-
var children = _ref3.children,
|
|
93
|
-
size = _ref3.size;
|
|
94
|
-
size = (0, _sized.normalizeSize)(size);
|
|
95
|
-
var style = {
|
|
96
|
-
height: size,
|
|
97
|
-
width: size,
|
|
98
|
-
display: 'inline-block',
|
|
99
|
-
position: 'relative'
|
|
100
|
-
};
|
|
101
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
102
|
-
style: style
|
|
103
|
-
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
104
|
-
preserveAspectRatio: "xMinYMin meet",
|
|
105
|
-
viewBox: "-129 128 34 34"
|
|
106
|
-
}, children));
|
|
107
|
-
};
|
|
108
|
-
|
|
109
|
-
Root.propTypes = {
|
|
110
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
111
|
-
size: _propTypes["default"].number
|
|
112
|
-
};
|
|
113
|
-
var styles = {
|
|
114
|
-
fg: {
|
|
115
|
-
fill: '#1a9cff'
|
|
116
|
-
},
|
|
117
|
-
bg: {
|
|
118
|
-
fill: '#bce2ff'
|
|
119
|
-
},
|
|
120
|
-
border: {
|
|
121
|
-
fill: '#bbe3fd'
|
|
122
|
-
},
|
|
123
|
-
whiteBorder: {
|
|
124
|
-
fill: 'white'
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
var ShowRationale = /*#__PURE__*/function (_React$Component) {
|
|
129
|
-
(0, _inherits2["default"])(ShowRationale, _React$Component);
|
|
130
|
-
|
|
131
|
-
var _super = _createSuper(ShowRationale);
|
|
132
|
-
|
|
133
|
-
function ShowRationale(props) {
|
|
134
|
-
(0, _classCallCheck2["default"])(this, ShowRationale);
|
|
135
|
-
return _super.call(this, props);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
(0, _createClass2["default"])(ShowRationale, [{
|
|
139
|
-
key: "render",
|
|
140
|
-
value: function render() {
|
|
141
|
-
var classes = this.props.classes;
|
|
142
|
-
|
|
143
|
-
var info = /*#__PURE__*/_react["default"].createElement(Info, {
|
|
144
|
-
fg: classes.fg
|
|
145
|
-
});
|
|
146
|
-
|
|
147
|
-
var icons = {
|
|
148
|
-
check: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
|
|
149
|
-
className: classes.border
|
|
150
|
-
})),
|
|
151
|
-
emoji: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(Circle, null), info, /*#__PURE__*/_react["default"].createElement(Border, {
|
|
152
|
-
className: classes.border
|
|
153
|
-
})),
|
|
154
|
-
open: {
|
|
155
|
-
check: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
156
|
-
style: {
|
|
157
|
-
fill: '#FFFFFF'
|
|
158
|
-
},
|
|
159
|
-
cx: "-113",
|
|
160
|
-
cy: "144",
|
|
161
|
-
r: "14"
|
|
162
|
-
}), /*#__PURE__*/_react["default"].createElement(Info, {
|
|
163
|
-
fg: classes.bg,
|
|
164
|
-
border: classes.whiteBorder
|
|
165
|
-
})),
|
|
166
|
-
emoji: /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
167
|
-
style: {
|
|
168
|
-
fill: '#FFFFFF'
|
|
169
|
-
},
|
|
170
|
-
cx: "-113",
|
|
171
|
-
cy: "144",
|
|
172
|
-
r: "14"
|
|
173
|
-
}), /*#__PURE__*/_react["default"].createElement(Info, {
|
|
174
|
-
fg: classes.bg,
|
|
175
|
-
border: classes.border
|
|
176
|
-
}))
|
|
177
|
-
}
|
|
178
|
-
};
|
|
179
|
-
|
|
180
|
-
if (this.props.open === true) {
|
|
181
|
-
return icons.open[this.props.iconSet];
|
|
182
|
-
} else {
|
|
183
|
-
return icons[this.props.iconSet];
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
}]);
|
|
187
|
-
return ShowRationale;
|
|
188
|
-
}(_react["default"].Component);
|
|
189
|
-
|
|
190
|
-
exports.ShowRationale = ShowRationale;
|
|
191
|
-
(0, _defineProperty2["default"])(ShowRationale, "propTypes", {
|
|
192
|
-
classes: _propTypes["default"].object.isRequired
|
|
193
|
-
});
|
|
194
|
-
ShowRationale.propTypes = {
|
|
195
|
-
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
196
|
-
open: _propTypes["default"].bool
|
|
197
|
-
};
|
|
198
|
-
ShowRationale.defaultProps = {
|
|
199
|
-
iconSet: 'check',
|
|
200
|
-
open: false
|
|
201
|
-
};
|
|
202
|
-
|
|
203
|
-
var _default = (0, _styles.withStyles)(styles)(ShowRationale);
|
|
204
|
-
|
|
205
|
-
exports["default"] = _default;
|
|
206
|
-
//# sourceMappingURL=show-rationale-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/show-rationale-icon.jsx"],"names":["Info","fg","propTypes","PropTypes","string","Border","className","Circle","fill","stroke","strokeWidth","strokeMiterlimit","Root","children","size","style","height","width","display","position","oneOfType","arrayOf","node","isRequired","number","styles","bg","border","whiteBorder","ShowRationale","props","classes","info","icons","check","emoji","open","iconSet","React","Component","object","oneOf","bool","defaultProps"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { normalizeSize } from './sized';\n\nconst Info = ({ fg }) => (\n <g>\n <rect x=\"-115\" y=\"136.7\" className={fg} width=\"3\" height=\"3\" />\n <polygon\n className={fg}\n points=\"-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7\"\n />\n </g>\n);\n\nInfo.propTypes = {\n fg: PropTypes.string,\n};\n\nconst Border = ({ className }) => (\n <path\n className={className}\n d=\"M-113,158.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105,158.5-113,158.5zM-113,130.5c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-105.6,130.5-113,130.5z\"\n />\n);\nBorder.propTypes = {\n className: PropTypes.string,\n};\nconst Circle = () => (\n <g>\n <path\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeMiterlimit: 10,\n }}\n d=\"M-111.7,160.9c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5C-96.2,154-103.1,160.9-111.7,160.9z\"\n />\n <path\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n }}\n d=\"M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z\"\n />\n <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n </g>\n);\n\nconst Root = ({ children, size }) => {\n size = normalizeSize(size);\n const style = {\n height: size,\n width: size,\n display: 'inline-block',\n position: 'relative',\n };\n\n return (\n <div style={style}>\n <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-129 128 34 34\">\n {children}\n </svg>\n </div>\n );\n};\nRoot.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n size: PropTypes.number,\n};\n\nconst styles = {\n fg: {\n fill: '#1a9cff',\n },\n bg: {\n fill: '#bce2ff',\n },\n border: {\n fill: '#bbe3fd',\n },\n whiteBorder: {\n fill: 'white',\n },\n};\n\nexport class ShowRationale extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n };\n\n constructor(props) {\n super(props);\n }\n\n render() {\n const { classes } = this.props;\n\n const info = <Info fg={classes.fg} />;\n const icons = {\n check: (\n <Root>\n <Circle />\n {info}\n <Border className={classes.border} />\n </Root>\n ),\n emoji: (\n <Root>\n <Circle />\n {info}\n <Border className={classes.border} />\n </Root>\n ),\n open: {\n check: (\n <Root>\n <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n <Info fg={classes.bg} border={classes.whiteBorder} />\n </Root>\n ),\n emoji: (\n <Root>\n <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n <Info fg={classes.bg} border={classes.border} />\n </Root>\n ),\n },\n };\n\n if (this.props.open === true) {\n return icons.open[this.props.iconSet];\n } else {\n return icons[this.props.iconSet];\n }\n }\n}\n\nShowRationale.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n open: PropTypes.bool,\n};\n\nShowRationale.defaultProps = {\n iconSet: 'check',\n open: false,\n};\n\nexport default withStyles(styles)(ShowRationale);\n"],"file":"show-rationale-icon.js"}
|
package/lib/sized.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.normalizeSize = exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var normalizeSize = function normalizeSize(size) {
|
|
15
|
-
return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.normalizeSize = normalizeSize;
|
|
19
|
-
|
|
20
|
-
var Sized = function Sized(_ref) {
|
|
21
|
-
var size = _ref.size,
|
|
22
|
-
children = _ref.children;
|
|
23
|
-
size = normalizeSize(size);
|
|
24
|
-
var style = {
|
|
25
|
-
height: size,
|
|
26
|
-
width: size,
|
|
27
|
-
display: 'inline-block',
|
|
28
|
-
position: 'relative'
|
|
29
|
-
};
|
|
30
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
31
|
-
style: style
|
|
32
|
-
}, children);
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
Sized.propTypes = {
|
|
36
|
-
size: _propTypes["default"].number,
|
|
37
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
38
|
-
};
|
|
39
|
-
var _default = Sized;
|
|
40
|
-
exports["default"] = _default;
|
|
41
|
-
//# sourceMappingURL=sized.js.map
|
package/lib/sized.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/sized.jsx"],"names":["normalizeSize","size","Sized","children","style","height","width","display","position","propTypes","PropTypes","number","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACrC,SAAO,OAAOA,IAAP,KAAgB,QAAhB,GAA2BA,IAA3B,GAAkC,OAAOA,IAAP,KAAgB,QAAhB,aAA8BA,IAA9B,UAAyC,MAAlF;AACD,CAFM;;;;AAIP,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAwB;AAAA,MAArBD,IAAqB,QAArBA,IAAqB;AAAA,MAAfE,QAAe,QAAfA,QAAe;AACpCF,EAAAA,IAAI,GAAGD,aAAa,CAACC,IAAD,CAApB;AAEA,MAAMG,KAAK,GAAG;AACZC,IAAAA,MAAM,EAAEJ,IADI;AAEZK,IAAAA,KAAK,EAAEL,IAFK;AAGZM,IAAAA,OAAO,EAAE,cAHG;AAIZC,IAAAA,QAAQ,EAAE;AAJE,GAAd;AAOA,sBAAO;AAAK,IAAA,KAAK,EAAEJ;AAAZ,KAAoBD,QAApB,CAAP;AACD,CAXD;;AAaAD,KAAK,CAACO,SAAN,GAAkB;AAChBR,EAAAA,IAAI,EAAES,sBAAUC,MADA;AAEhBR,EAAAA,QAAQ,EAAEO,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC;AAFnE,CAAlB;eAIeb,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const normalizeSize = (size) => {\n return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';\n};\n\nconst Sized = ({ size, children }) => {\n size = normalizeSize(size);\n\n const style = {\n height: size,\n width: size,\n display: 'inline-block',\n position: 'relative',\n };\n\n return <div style={style}>{children}</div>;\n};\n\nSized.propTypes = {\n size: PropTypes.number,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\nexport default Sized;\n"],"file":"sized.js"}
|