@pie-lib/icons 3.1.0-next.3 → 3.1.0-next.37
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/lib/correct-icon.js +82 -0
- package/lib/correct-icon.js.map +1 -0
- package/lib/correct-response-icon.js +126 -0
- package/lib/correct-response-icon.js.map +1 -0
- package/lib/icon-base.js +95 -0
- package/lib/icon-base.js.map +1 -0
- package/lib/icon-root.js +117 -0
- package/lib/icon-root.js.map +1 -0
- package/lib/incorrect-icon.js +90 -0
- package/lib/incorrect-icon.js.map +1 -0
- package/lib/index.js +64 -0
- package/lib/index.js.map +1 -0
- package/lib/instructions-icon.js +207 -0
- package/lib/instructions-icon.js.map +1 -0
- package/lib/learn-more-icon.js +107 -0
- package/lib/learn-more-icon.js.map +1 -0
- package/lib/nothing-submitted-icon.js +178 -0
- package/lib/nothing-submitted-icon.js.map +1 -0
- package/lib/partially-correct-icon.js +83 -0
- package/lib/partially-correct-icon.js.map +1 -0
- package/lib/show-rationale-icon.js +190 -0
- package/lib/show-rationale-icon.js.map +1 -0
- package/lib/sized.js +33 -0
- package/lib/sized.js.map +1 -0
- package/package.json +3 -3
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.Correct = void 0;
|
|
9
|
+
require("core-js/modules/es.array.concat.js");
|
|
10
|
+
require("core-js/modules/es.array.fill.js");
|
|
11
|
+
var _iconBase = _interopRequireDefault(require("./icon-base"));
|
|
12
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
+
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
// Emoji SVG
|
|
15
|
+
var Emoji = function Emoji(_ref) {
|
|
16
|
+
var fill = _ref.fill;
|
|
17
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
18
|
+
transform: "translate(1, 0)"
|
|
19
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
20
|
+
d: "M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2 c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z",
|
|
21
|
+
fill: fill
|
|
22
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
23
|
+
x: "21.1",
|
|
24
|
+
y: "13.1",
|
|
25
|
+
width: "3.7",
|
|
26
|
+
height: "4.7",
|
|
27
|
+
fill: fill
|
|
28
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
29
|
+
x: "12.7",
|
|
30
|
+
y: "13.1",
|
|
31
|
+
width: "3.7",
|
|
32
|
+
height: "4.7",
|
|
33
|
+
fill: fill
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
Emoji.propTypes = {
|
|
37
|
+
fill: _propTypes["default"].string.isRequired
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// Check SVG
|
|
41
|
+
var Check = function Check(_ref2) {
|
|
42
|
+
var fill = _ref2.fill,
|
|
43
|
+
_ref2$x = _ref2.x,
|
|
44
|
+
x = _ref2$x === void 0 ? 0 : _ref2$x,
|
|
45
|
+
_ref2$y = _ref2.y,
|
|
46
|
+
y = _ref2$y === void 0 ? 0 : _ref2$y;
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
48
|
+
transform: "translate(".concat(x, ", ").concat(y, ")"),
|
|
49
|
+
points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4",
|
|
50
|
+
fill: fill
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
Check.propTypes = {
|
|
54
|
+
fill: _propTypes["default"].string.isRequired,
|
|
55
|
+
x: _propTypes["default"].number,
|
|
56
|
+
y: _propTypes["default"].number
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
// IconBase wrapper
|
|
60
|
+
var Correct = exports.Correct = (0, _iconBase["default"])(Check, Emoji);
|
|
61
|
+
Correct.propTypes = {
|
|
62
|
+
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
63
|
+
shape: _propTypes["default"].oneOf(['round', 'square']),
|
|
64
|
+
category: _propTypes["default"].oneOf(['feedback', undefined]),
|
|
65
|
+
open: _propTypes["default"].bool,
|
|
66
|
+
fg: _propTypes["default"].string,
|
|
67
|
+
bg: _propTypes["default"].string,
|
|
68
|
+
size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
|
|
69
|
+
};
|
|
70
|
+
Correct.defaultProps = {
|
|
71
|
+
iconSet: 'check',
|
|
72
|
+
shape: 'round',
|
|
73
|
+
category: undefined,
|
|
74
|
+
open: false,
|
|
75
|
+
fg: '#4aaf46',
|
|
76
|
+
// foreground color
|
|
77
|
+
bg: '#f8ffe2',
|
|
78
|
+
// background color
|
|
79
|
+
size: 30
|
|
80
|
+
};
|
|
81
|
+
var _default = exports["default"] = Correct;
|
|
82
|
+
//# sourceMappingURL=correct-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"correct-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","Emoji","_ref","fill","createElement","transform","d","x","y","width","height","propTypes","PropTypes","string","isRequired","Check","_ref2","_ref2$x","_ref2$y","concat","points","number","Correct","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","fg","bg","size","oneOfType","defaultProps","_default"],"sources":["../src/correct-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\n// Emoji SVG\nconst Emoji = ({ fill }) => (\n <g transform=\"translate(1, 0)\">\n <path\n d=\"M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2\n c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z\"\n fill={fill}\n />\n <rect x=\"21.1\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n <rect x=\"12.7\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n </g>\n);\n\nEmoji.propTypes = { fill: PropTypes.string.isRequired };\n\n// Check SVG\nconst Check = ({ fill, x = 0, y = 0 }) => (\n <polygon\n transform={`translate(${x}, ${y})`}\n points=\"19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4\"\n fill={fill}\n />\n);\n\nCheck.propTypes = { fill: PropTypes.string.isRequired, x: PropTypes.number, y: PropTypes.number };\n\n// IconBase wrapper\nexport const Correct = IconBase(Check, Emoji);\n\nCorrect.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n fg: PropTypes.string,\n bg: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n fg: '#4aaf46', // foreground color\n bg: '#f8ffe2', // background color\n size: 30,\n};\n\nexport default Correct;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
var _styles = require("@mui/material/styles");
|
|
12
|
+
// Open Icon
|
|
13
|
+
var OpenIcon = function OpenIcon(_ref) {
|
|
14
|
+
var bgFill = _ref.bgFill,
|
|
15
|
+
fgFill = _ref.fgFill;
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
17
|
+
preserveAspectRatio: "xMinYMin meet",
|
|
18
|
+
version: "1.1",
|
|
19
|
+
viewBox: "-283 359 34 35",
|
|
20
|
+
style: {
|
|
21
|
+
enableBackground: 'new -283 359 34 35'
|
|
22
|
+
}
|
|
23
|
+
}, /*#__PURE__*/_react["default"].createElement("circle", {
|
|
24
|
+
cx: "-266",
|
|
25
|
+
cy: "375.9",
|
|
26
|
+
r: "14",
|
|
27
|
+
fill: bgFill
|
|
28
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
29
|
+
d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
|
|
30
|
+
fill: bgFill
|
|
31
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
32
|
+
points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
|
|
33
|
+
fill: fgFill
|
|
34
|
+
}));
|
|
35
|
+
};
|
|
36
|
+
OpenIcon.propTypes = {
|
|
37
|
+
bgFill: _propTypes["default"].string.isRequired,
|
|
38
|
+
fgFill: _propTypes["default"].string.isRequired
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
// Close Icon
|
|
42
|
+
var CloseIcon = function CloseIcon(_ref2) {
|
|
43
|
+
var bgFill = _ref2.bgFill,
|
|
44
|
+
fgFill = _ref2.fgFill,
|
|
45
|
+
borderFill = _ref2.borderFill;
|
|
46
|
+
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
47
|
+
preserveAspectRatio: "xMinYMin meet",
|
|
48
|
+
version: "1.1",
|
|
49
|
+
viewBox: "-129.5 127 34 35",
|
|
50
|
+
style: {
|
|
51
|
+
enableBackground: 'new -129.5 127 34 35'
|
|
52
|
+
}
|
|
53
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
54
|
+
style: {
|
|
55
|
+
fill: '#D0CAC5',
|
|
56
|
+
stroke: '#E6E3E0',
|
|
57
|
+
strokeWidth: 0.75,
|
|
58
|
+
strokeMiterlimit: 10
|
|
59
|
+
},
|
|
60
|
+
d: "M-112.9,160.4c-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.5 C-97.4,153.5-104.3,160.4-112.9,160.4z"
|
|
61
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
62
|
+
style: {
|
|
63
|
+
fill: '#B3ABA4',
|
|
64
|
+
stroke: '#CDC7C2',
|
|
65
|
+
strokeWidth: 0.5,
|
|
66
|
+
strokeMiterlimit: 10
|
|
67
|
+
},
|
|
68
|
+
d: "M-113.2,159c-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.2,159-113.2,159z"
|
|
69
|
+
}), /*#__PURE__*/_react["default"].createElement("circle", {
|
|
70
|
+
cx: "-114.2",
|
|
71
|
+
cy: "143.5",
|
|
72
|
+
r: "14",
|
|
73
|
+
fill: bgFill
|
|
74
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
75
|
+
d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-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-106.8,130-114.2,130z",
|
|
76
|
+
fill: borderFill
|
|
77
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
78
|
+
points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
|
|
79
|
+
fill: fgFill
|
|
80
|
+
}));
|
|
81
|
+
};
|
|
82
|
+
CloseIcon.propTypes = {
|
|
83
|
+
bgFill: _propTypes["default"].string.isRequired,
|
|
84
|
+
fgFill: _propTypes["default"].string.isRequired,
|
|
85
|
+
borderFill: _propTypes["default"].string.isRequired
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
// Container for icon sizing
|
|
89
|
+
var CorrectResponseContainer = (0, _styles.styled)('div')(function (_ref3) {
|
|
90
|
+
var size = _ref3.size;
|
|
91
|
+
return {
|
|
92
|
+
width: size || '25px',
|
|
93
|
+
height: size || '25px'
|
|
94
|
+
};
|
|
95
|
+
});
|
|
96
|
+
|
|
97
|
+
// Main component
|
|
98
|
+
var CorrectResponse = function CorrectResponse(_ref4) {
|
|
99
|
+
var open = _ref4.open,
|
|
100
|
+
size = _ref4.size;
|
|
101
|
+
// Colors can be customized or pulled from theme
|
|
102
|
+
var openBg = '#bce2ff';
|
|
103
|
+
var openFg = '#1a9cff';
|
|
104
|
+
var closeBg = 'white';
|
|
105
|
+
var closeFg = '#1a9cff';
|
|
106
|
+
var closeBorder = '#bce2ff';
|
|
107
|
+
return /*#__PURE__*/_react["default"].createElement(CorrectResponseContainer, {
|
|
108
|
+
size: size
|
|
109
|
+
}, open ? /*#__PURE__*/_react["default"].createElement(OpenIcon, {
|
|
110
|
+
bgFill: openBg,
|
|
111
|
+
fgFill: openFg
|
|
112
|
+
}) : /*#__PURE__*/_react["default"].createElement(CloseIcon, {
|
|
113
|
+
bgFill: closeBg,
|
|
114
|
+
fgFill: closeFg,
|
|
115
|
+
borderFill: closeBorder
|
|
116
|
+
}));
|
|
117
|
+
};
|
|
118
|
+
CorrectResponse.propTypes = {
|
|
119
|
+
open: _propTypes["default"].bool,
|
|
120
|
+
size: _propTypes["default"].string
|
|
121
|
+
};
|
|
122
|
+
CorrectResponse.defaultProps = {
|
|
123
|
+
open: false
|
|
124
|
+
};
|
|
125
|
+
var _default = exports["default"] = CorrectResponse;
|
|
126
|
+
//# sourceMappingURL=correct-response-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"correct-response-icon.js","names":["_propTypes","_interopRequireDefault","require","_react","_styles","OpenIcon","_ref","bgFill","fgFill","createElement","preserveAspectRatio","version","viewBox","style","enableBackground","cx","cy","r","fill","d","points","propTypes","PropTypes","string","isRequired","CloseIcon","_ref2","borderFill","stroke","strokeWidth","strokeMiterlimit","CorrectResponseContainer","styled","_ref3","size","width","height","CorrectResponse","_ref4","open","openBg","openFg","closeBg","closeFg","closeBorder","bool","defaultProps","_default","exports"],"sources":["../src/correct-response-icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\n// Open Icon\nconst OpenIcon = ({ bgFill, fgFill }) => (\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n viewBox=\"-283 359 34 35\"\n style={{ enableBackground: 'new -283 359 34 35' }}\n >\n <circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill={bgFill} />\n <path\n d=\"M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z\"\n fill={bgFill}\n />\n <polygon\n points=\"-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6\"\n fill={fgFill}\n />\n </svg>\n);\n\nOpenIcon.propTypes = {\n bgFill: PropTypes.string.isRequired,\n fgFill: PropTypes.string.isRequired,\n};\n\n// Close Icon\nconst CloseIcon = ({ bgFill, fgFill, borderFill }) => (\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n viewBox=\"-129.5 127 34 35\"\n style={{ enableBackground: 'new -129.5 127 34 35' }}\n >\n <path\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeMiterlimit: 10,\n }}\n d=\"M-112.9,160.4c-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.5\n C-97.4,153.5-104.3,160.4-112.9,160.4z\"\n />\n <path\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeMiterlimit: 10,\n }}\n d=\"M-113.2,159c-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.2,159-113.2,159z\"\n />\n <circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill={bgFill} />\n <path\n d=\"M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n M-114.2,130c-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-106.8,130-114.2,130z\"\n fill={borderFill}\n />\n <polygon\n points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\"\n fill={fgFill}\n />\n </svg>\n);\n\nCloseIcon.propTypes = {\n bgFill: PropTypes.string.isRequired,\n fgFill: PropTypes.string.isRequired,\n borderFill: PropTypes.string.isRequired,\n};\n\n// Container for icon sizing\nconst CorrectResponseContainer = styled('div')(({ size }) => ({\n width: size || '25px',\n height: size || '25px',\n}));\n\n// Main component\nconst CorrectResponse = ({ open, size }) => {\n // Colors can be customized or pulled from theme\n const openBg = '#bce2ff';\n const openFg = '#1a9cff';\n const closeBg = 'white';\n const closeFg = '#1a9cff';\n const closeBorder = '#bce2ff';\n\n return (\n <CorrectResponseContainer size={size}>\n {open ? (\n <OpenIcon bgFill={openBg} fgFill={openFg} />\n ) : (\n <CloseIcon bgFill={closeBg} fgFill={closeFg} borderFill={closeBorder} />\n )}\n </CorrectResponseContainer>\n );\n};\n\nCorrectResponse.propTypes = {\n open: PropTypes.bool,\n size: PropTypes.string,\n};\n\nCorrectResponse.defaultProps = {\n open: false,\n};\n\nexport default CorrectResponse;\n"],"mappings":"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","ignoreList":[]}
|
package/lib/icon-base.js
ADDED
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
9
|
+
exports["default"] = void 0;
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
12
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
13
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
|
+
var _iconRoot = require("./icon-root");
|
|
17
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
18
|
+
var _react = _interopRequireDefault(require("react"));
|
|
19
|
+
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
20
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
21
|
+
var _default = exports["default"] = function _default(Action, Emoji) {
|
|
22
|
+
var IconBase = /*#__PURE__*/function (_React$Component) {
|
|
23
|
+
function IconBase() {
|
|
24
|
+
(0, _classCallCheck2["default"])(this, IconBase);
|
|
25
|
+
return _callSuper(this, IconBase, arguments);
|
|
26
|
+
}
|
|
27
|
+
(0, _inherits2["default"])(IconBase, _React$Component);
|
|
28
|
+
return (0, _createClass2["default"])(IconBase, [{
|
|
29
|
+
key: "render",
|
|
30
|
+
value: function render() {
|
|
31
|
+
var _this$props = this.props,
|
|
32
|
+
iconSet = _this$props.iconSet,
|
|
33
|
+
shape = _this$props.shape,
|
|
34
|
+
category = _this$props.category,
|
|
35
|
+
open = _this$props.open,
|
|
36
|
+
size = _this$props.size,
|
|
37
|
+
fg = _this$props.fg,
|
|
38
|
+
bg = _this$props.bg;
|
|
39
|
+
var Foreground = iconSet === 'check' ? /*#__PURE__*/_react["default"].createElement(Action, {
|
|
40
|
+
fill: fg
|
|
41
|
+
}) : /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
42
|
+
fill: fg
|
|
43
|
+
});
|
|
44
|
+
var Background = iconSet === 'check' ? /*#__PURE__*/_react["default"].createElement(Action, {
|
|
45
|
+
fill: bg
|
|
46
|
+
}) : /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
47
|
+
fill: bg
|
|
48
|
+
});
|
|
49
|
+
var getBox = function getBox() {
|
|
50
|
+
if (category === 'feedback') {
|
|
51
|
+
return shape === 'round' ? /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
|
|
52
|
+
fill: bg
|
|
53
|
+
}) : /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
|
|
54
|
+
fill: bg
|
|
55
|
+
});
|
|
56
|
+
} else {
|
|
57
|
+
return shape === 'round' ? /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
|
|
58
|
+
fill: bg
|
|
59
|
+
}) : /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
|
|
60
|
+
fill: bg
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
if (open) {
|
|
65
|
+
return /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
66
|
+
size: size
|
|
67
|
+
}, Background);
|
|
68
|
+
}
|
|
69
|
+
return /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
70
|
+
size: size
|
|
71
|
+
}, getBox(), Foreground);
|
|
72
|
+
}
|
|
73
|
+
}]);
|
|
74
|
+
}(_react["default"].Component);
|
|
75
|
+
(0, _defineProperty2["default"])(IconBase, "propTypes", {
|
|
76
|
+
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
77
|
+
shape: _propTypes["default"].oneOf(['round', 'square']),
|
|
78
|
+
category: _propTypes["default"].oneOf(['feedback', undefined]),
|
|
79
|
+
open: _propTypes["default"].bool,
|
|
80
|
+
size: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
|
|
81
|
+
fg: _propTypes["default"].string,
|
|
82
|
+
bg: _propTypes["default"].string
|
|
83
|
+
});
|
|
84
|
+
(0, _defineProperty2["default"])(IconBase, "defaultProps", {
|
|
85
|
+
iconSet: 'check',
|
|
86
|
+
shape: 'round',
|
|
87
|
+
category: undefined,
|
|
88
|
+
open: false,
|
|
89
|
+
size: 30,
|
|
90
|
+
fg: '#4aaf46',
|
|
91
|
+
bg: '#f8ffe2'
|
|
92
|
+
});
|
|
93
|
+
return IconBase;
|
|
94
|
+
};
|
|
95
|
+
//# sourceMappingURL=icon-base.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-base.js","names":["_iconRoot","require","_propTypes","_interopRequireDefault","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","_default","exports","Action","Emoji","IconBase","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","iconSet","shape","category","open","size","fg","bg","Foreground","createElement","fill","Background","getBox","RoundFeedbackBox","SquareFeedbackBox","Circle","Square","IconRoot","React","Component","_defineProperty2","PropTypes","oneOf","undefined","bool","oneOfType","number","string"],"sources":["../src/icon-base.jsx"],"sourcesContent":["import { Circle, RoundFeedbackBox, Square, SquareFeedbackBox, IconRoot } from './icon-root';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport default (Action, Emoji) => {\n class IconBase extends React.Component {\n static propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n fg: PropTypes.string,\n bg: PropTypes.string,\n };\n\n static defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n size: 30,\n fg: '#4aaf46',\n bg: '#f8ffe2',\n };\n\n render() {\n const { iconSet, shape, category, open, size, fg, bg } = this.props;\n\n const Foreground = iconSet === 'check' ? <Action fill={fg} /> : <Emoji fill={fg} />;\n const Background = iconSet === 'check' ? <Action fill={bg} /> : <Emoji fill={bg} />;\n\n const getBox = () => {\n if (category === 'feedback') {\n return shape === 'round' ? <RoundFeedbackBox fill={bg} /> : <SquareFeedbackBox fill={bg} />;\n } else {\n return shape === 'round' ? <Circle fill={bg} /> : <Square fill={bg} />;\n }\n };\n\n if (open) {\n return <IconRoot size={size}>{Background}</IconRoot>;\n }\n\n return (\n <IconRoot size={size}>\n {getBox()}\n {Foreground}\n </IconRoot>\n );\n }\n }\n\n return IconBase;\n};\n"],"mappings":"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","ignoreList":[]}
|
package/lib/icon-root.js
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.symbol.js");
|
|
4
|
+
require("core-js/modules/es.array.filter.js");
|
|
5
|
+
require("core-js/modules/es.array.for-each.js");
|
|
6
|
+
require("core-js/modules/es.object.define-properties.js");
|
|
7
|
+
require("core-js/modules/es.object.define-property.js");
|
|
8
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
9
|
+
require("core-js/modules/es.object.get-own-property-descriptors.js");
|
|
10
|
+
require("core-js/modules/es.object.keys.js");
|
|
11
|
+
require("core-js/modules/es.object.to-string.js");
|
|
12
|
+
require("core-js/modules/web.dom-collections.for-each.js");
|
|
13
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
14
|
+
Object.defineProperty(exports, "__esModule", {
|
|
15
|
+
value: true
|
|
16
|
+
});
|
|
17
|
+
exports.normalizeSize = exports.getStyles = exports.Tick = exports.SquareFeedbackBox = exports.Square = exports.RoundFeedbackBox = exports.IconRoot = exports.Circle = void 0;
|
|
18
|
+
require("core-js/modules/es.array.fill.js");
|
|
19
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
21
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
22
|
+
var _sized = _interopRequireDefault(require("./sized"));
|
|
23
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
24
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
25
|
+
var normalizeSize = exports.normalizeSize = function normalizeSize(size) {
|
|
26
|
+
return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
|
|
27
|
+
};
|
|
28
|
+
var IconRoot = exports.IconRoot = function IconRoot(_ref) {
|
|
29
|
+
var size = _ref.size,
|
|
30
|
+
children = _ref.children,
|
|
31
|
+
sx = _ref.sx;
|
|
32
|
+
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
33
|
+
size: size
|
|
34
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
35
|
+
preserveAspectRatio: "xMinYMin meet",
|
|
36
|
+
viewBox: "0 0 44 40",
|
|
37
|
+
style: _objectSpread({
|
|
38
|
+
enableBackground: 'new 0 0 44 40'
|
|
39
|
+
}, sx)
|
|
40
|
+
}, children));
|
|
41
|
+
};
|
|
42
|
+
IconRoot.propTypes = {
|
|
43
|
+
size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
|
|
44
|
+
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
45
|
+
sx: _propTypes["default"].object
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
// Feedback / shapes
|
|
49
|
+
var Tick = exports.Tick = function Tick(_ref2) {
|
|
50
|
+
var fill = _ref2.fill;
|
|
51
|
+
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
52
|
+
points: "17.4,26.9 10.1,20.6 12.8,17.5 16.3,20.5 22.3,9.7 25.9,11.7",
|
|
53
|
+
fill: fill
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
Tick.propTypes = {
|
|
57
|
+
fill: _propTypes["default"].string.isRequired
|
|
58
|
+
};
|
|
59
|
+
var SquareFeedbackBox = exports.SquareFeedbackBox = function SquareFeedbackBox(_ref3) {
|
|
60
|
+
var fill = _ref3.fill;
|
|
61
|
+
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
62
|
+
transform: "translate(2, 0)",
|
|
63
|
+
points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3",
|
|
64
|
+
fill: fill
|
|
65
|
+
});
|
|
66
|
+
};
|
|
67
|
+
SquareFeedbackBox.propTypes = {
|
|
68
|
+
fill: _propTypes["default"].string.isRequired
|
|
69
|
+
};
|
|
70
|
+
var RoundFeedbackBox = exports.RoundFeedbackBox = function RoundFeedbackBox(_ref4) {
|
|
71
|
+
var fill = _ref4.fill;
|
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
73
|
+
transform: "translate(1, 0)",
|
|
74
|
+
d: "M31.2,29.1v-0.3c2.2-2.8,3.6-6.3,3.6-10.1c0-8.9-7.2-16.1-16.1-16.1c-8.8,0.1-16,7.3-16,16.2 s7.2,16.1,16.1,16.1h18.5L31.2,29.1z",
|
|
75
|
+
fill: fill
|
|
76
|
+
});
|
|
77
|
+
};
|
|
78
|
+
RoundFeedbackBox.propTypes = {
|
|
79
|
+
fill: _propTypes["default"].string.isRequired
|
|
80
|
+
};
|
|
81
|
+
var Circle = exports.Circle = function Circle(_ref5) {
|
|
82
|
+
var fill = _ref5.fill;
|
|
83
|
+
return /*#__PURE__*/_react["default"].createElement("circle", {
|
|
84
|
+
transform: "translate(-3,0)",
|
|
85
|
+
cx: "23",
|
|
86
|
+
cy: "20.4",
|
|
87
|
+
r: "16",
|
|
88
|
+
fill: fill
|
|
89
|
+
});
|
|
90
|
+
};
|
|
91
|
+
Circle.propTypes = {
|
|
92
|
+
fill: _propTypes["default"].string.isRequired
|
|
93
|
+
};
|
|
94
|
+
var Square = exports.Square = function Square(_ref6) {
|
|
95
|
+
var fill = _ref6.fill;
|
|
96
|
+
return /*#__PURE__*/_react["default"].createElement("rect", {
|
|
97
|
+
x: "3.6",
|
|
98
|
+
y: "4.1",
|
|
99
|
+
width: "32",
|
|
100
|
+
height: "32",
|
|
101
|
+
fill: fill
|
|
102
|
+
});
|
|
103
|
+
};
|
|
104
|
+
Square.propTypes = {
|
|
105
|
+
fill: _propTypes["default"].string.isRequired
|
|
106
|
+
};
|
|
107
|
+
var getStyles = exports.getStyles = function getStyles(name, fg, bg) {
|
|
108
|
+
return {
|
|
109
|
+
bg: {
|
|
110
|
+
fill: bg
|
|
111
|
+
},
|
|
112
|
+
fg: {
|
|
113
|
+
fill: fg
|
|
114
|
+
}
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
//# sourceMappingURL=icon-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-root.js","names":["_react","_interopRequireDefault","require","_propTypes","_sized","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","normalizeSize","exports","size","concat","IconRoot","_ref","children","sx","createElement","preserveAspectRatio","viewBox","style","enableBackground","propTypes","PropTypes","oneOfType","string","number","arrayOf","node","isRequired","object","Tick","_ref2","fill","points","SquareFeedbackBox","_ref3","transform","RoundFeedbackBox","_ref4","d","Circle","_ref5","cx","cy","Square","_ref6","x","y","width","height","getStyles","name","fg","bg"],"sources":["../src/icon-root.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Sized from './sized';\n\nexport const normalizeSize = (size) => {\n return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';\n};\n\nexport const IconRoot = ({ size, children, sx }) => (\n <Sized size={size}>\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n viewBox=\"0 0 44 40\"\n style={{ enableBackground: 'new 0 0 44 40', ...sx }}\n >\n {children}\n </svg>\n </Sized>\n);\n\nIconRoot.propTypes = {\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n sx: PropTypes.object,\n};\n\n// Feedback / shapes\nexport const Tick = ({ fill }) => (\n <polygon points=\"17.4,26.9 10.1,20.6 12.8,17.5 16.3,20.5 22.3,9.7 25.9,11.7\" fill={fill} />\n);\n\nTick.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const SquareFeedbackBox = ({ fill }) => (\n <polygon transform=\"translate(2, 0)\" points=\"34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3\" fill={fill} />\n);\nSquareFeedbackBox.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const RoundFeedbackBox = ({ fill }) => (\n <path\n transform=\"translate(1, 0)\"\n d=\"M31.2,29.1v-0.3c2.2-2.8,3.6-6.3,3.6-10.1c0-8.9-7.2-16.1-16.1-16.1c-8.8,0.1-16,7.3-16,16.2 s7.2,16.1,16.1,16.1h18.5L31.2,29.1z\"\n fill={fill}\n />\n);\nRoundFeedbackBox.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const Circle = ({ fill }) => <circle transform=\"translate(-3,0)\" cx=\"23\" cy=\"20.4\" r=\"16\" fill={fill} />;\nCircle.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const Square = ({ fill }) => <rect x=\"3.6\" y=\"4.1\" width=\"32\" height=\"32\" fill={fill} />;\nSquare.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const getStyles = (name, fg, bg) => ({\n bg: { fill: bg },\n fg: { fill: fg },\n});\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = exports.Incorrect = void 0;
|
|
9
|
+
require("core-js/modules/es.array.fill.js");
|
|
10
|
+
var _iconBase = _interopRequireDefault(require("./icon-base"));
|
|
11
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
|
+
var _react = _interopRequireDefault(require("react"));
|
|
13
|
+
// X mark for incorrect
|
|
14
|
+
var Ex = function Ex(_ref) {
|
|
15
|
+
var fill = _ref.fill;
|
|
16
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
17
|
+
transform: "translate(0.5, 0.5)"
|
|
18
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
19
|
+
x: "11",
|
|
20
|
+
y: "17.3",
|
|
21
|
+
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
|
|
22
|
+
width: "16.6",
|
|
23
|
+
height: "3.7",
|
|
24
|
+
fill: fill
|
|
25
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
26
|
+
x: "17.4",
|
|
27
|
+
y: "10.7",
|
|
28
|
+
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
|
|
29
|
+
width: "3.7",
|
|
30
|
+
height: "16.6",
|
|
31
|
+
fill: fill
|
|
32
|
+
}));
|
|
33
|
+
};
|
|
34
|
+
Ex.propTypes = {
|
|
35
|
+
fill: _propTypes["default"].string.isRequired
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
// Emoji version
|
|
39
|
+
var Emoji = function Emoji(_ref2) {
|
|
40
|
+
var fill = _ref2.fill;
|
|
41
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
42
|
+
transform: "translate(1,0)"
|
|
43
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
44
|
+
x: "21",
|
|
45
|
+
y: "12.9",
|
|
46
|
+
width: "3.7",
|
|
47
|
+
height: "4.7",
|
|
48
|
+
fill: fill
|
|
49
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
50
|
+
x: "12.7",
|
|
51
|
+
y: "12.9",
|
|
52
|
+
width: "3.7",
|
|
53
|
+
height: "4.7",
|
|
54
|
+
fill: fill
|
|
55
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
56
|
+
x: "12.2",
|
|
57
|
+
y: "22.5",
|
|
58
|
+
width: "13",
|
|
59
|
+
height: "3.3",
|
|
60
|
+
fill: fill
|
|
61
|
+
}));
|
|
62
|
+
};
|
|
63
|
+
Emoji.propTypes = {
|
|
64
|
+
fill: _propTypes["default"].string.isRequired
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
// Exported Incorrect icon
|
|
68
|
+
var Incorrect = exports.Incorrect = (0, _iconBase["default"])(Ex, Emoji);
|
|
69
|
+
Incorrect.propTypes = {
|
|
70
|
+
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
71
|
+
shape: _propTypes["default"].oneOf(['round', 'square']),
|
|
72
|
+
category: _propTypes["default"].oneOf(['feedback', undefined]),
|
|
73
|
+
open: _propTypes["default"].bool,
|
|
74
|
+
fg: _propTypes["default"].string,
|
|
75
|
+
bg: _propTypes["default"].string,
|
|
76
|
+
size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
|
|
77
|
+
};
|
|
78
|
+
Incorrect.defaultProps = {
|
|
79
|
+
iconSet: 'check',
|
|
80
|
+
shape: 'round',
|
|
81
|
+
category: undefined,
|
|
82
|
+
open: false,
|
|
83
|
+
fg: '#fcb733',
|
|
84
|
+
// foreground color
|
|
85
|
+
bg: '#fbf2e3',
|
|
86
|
+
// background color
|
|
87
|
+
size: 30
|
|
88
|
+
};
|
|
89
|
+
var _default = exports["default"] = Incorrect;
|
|
90
|
+
//# sourceMappingURL=incorrect-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"incorrect-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","Ex","_ref","fill","createElement","transform","x","y","width","height","propTypes","PropTypes","string","isRequired","Emoji","_ref2","Incorrect","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","fg","bg","size","oneOfType","number","defaultProps","_default"],"sources":["../src/incorrect-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\n// X mark for incorrect\nconst Ex = ({ fill }) => (\n <g transform=\"translate(0.5, 0.5)\">\n <rect\n x=\"11\"\n y=\"17.3\"\n transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)\"\n width=\"16.6\"\n height=\"3.7\"\n fill={fill}\n />\n <rect\n x=\"17.4\"\n y=\"10.7\"\n transform=\"matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)\"\n width=\"3.7\"\n height=\"16.6\"\n fill={fill}\n />\n </g>\n);\n\nEx.propTypes = {\n fill: PropTypes.string.isRequired,\n};\n\n// Emoji version\nconst Emoji = ({ fill }) => (\n <g transform=\"translate(1,0)\">\n <rect x=\"21\" y=\"12.9\" width=\"3.7\" height=\"4.7\" fill={fill} />\n <rect x=\"12.7\" y=\"12.9\" width=\"3.7\" height=\"4.7\" fill={fill} />\n <rect x=\"12.2\" y=\"22.5\" width=\"13\" height=\"3.3\" fill={fill} />\n </g>\n);\n\nEmoji.propTypes = {\n fill: PropTypes.string.isRequired,\n};\n\n// Exported Incorrect icon\nexport const Incorrect = IconBase(Ex, Emoji);\n\nIncorrect.propTypes = {\n iconSet: PropTypes.oneOf(['emoji', 'check']),\n shape: PropTypes.oneOf(['round', 'square']),\n category: PropTypes.oneOf(['feedback', undefined]),\n open: PropTypes.bool,\n fg: PropTypes.string,\n bg: PropTypes.string,\n size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nIncorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n fg: '#fcb733', // foreground color\n bg: '#fbf2e3', // background color\n size: 30,\n};\n\nexport default Incorrect;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA;AACA,IAAMG,EAAE,GAAG,SAALA,EAAEA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,oBAChBH,MAAA,YAAAI,aAAA;IAAGC,SAAS,EAAC;EAAqB,gBAChCL,MAAA,YAAAI,aAAA;IACEE,CAAC,EAAC,IAAI;IACNC,CAAC,EAAC,MAAM;IACRF,SAAS,EAAC,qDAAqD;IAC/DG,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,KAAK;IACZN,IAAI,EAAEA;EAAK,CACZ,CAAC,eACFH,MAAA,YAAAI,aAAA;IACEE,CAAC,EAAC,MAAM;IACRC,CAAC,EAAC,MAAM;IACRF,SAAS,EAAC,qDAAqD;IAC/DG,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,MAAM;IACbN,IAAI,EAAEA;EAAK,CACZ,CACA,CAAC;AAAA,CACL;AAEDF,EAAE,CAACS,SAAS,GAAG;EACbP,IAAI,EAAEQ,qBAAS,CAACC,MAAM,CAACC;AACzB,CAAC;;AAED;AACA,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,KAAA;EAAA,IAAMZ,IAAI,GAAAY,KAAA,CAAJZ,IAAI;EAAA,oBACnBH,MAAA,YAAAI,aAAA;IAAGC,SAAS,EAAC;EAAgB,gBAC3BL,MAAA,YAAAI,aAAA;IAAME,CAAC,EAAC,IAAI;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACN,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC7DH,MAAA,YAAAI,aAAA;IAAME,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,KAAK;IAACC,MAAM,EAAC,KAAK;IAACN,IAAI,EAAEA;EAAK,CAAE,CAAC,eAC/DH,MAAA,YAAAI,aAAA;IAAME,CAAC,EAAC,MAAM;IAACC,CAAC,EAAC,MAAM;IAACC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC,KAAK;IAACN,IAAI,EAAEA;EAAK,CAAE,CAC5D,CAAC;AAAA,CACL;AAEDW,KAAK,CAACJ,SAAS,GAAG;EAChBP,IAAI,EAAEQ,qBAAS,CAACC,MAAM,CAACC;AACzB,CAAC;;AAED;AACO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,oBAAQ,EAACjB,EAAE,EAAEa,KAAK,CAAC;AAE5CE,SAAS,CAACN,SAAS,GAAG;EACpBS,OAAO,EAAER,qBAAS,CAACS,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;EAC5CC,KAAK,EAAEV,qBAAS,CAACS,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAC3CE,QAAQ,EAAEX,qBAAS,CAACS,KAAK,CAAC,CAAC,UAAU,EAAEG,SAAS,CAAC,CAAC;EAClDC,IAAI,EAAEb,qBAAS,CAACc,IAAI;EACpBC,EAAE,EAAEf,qBAAS,CAACC,MAAM;EACpBe,EAAE,EAAEhB,qBAAS,CAACC,MAAM;EACpBgB,IAAI,EAAEjB,qBAAS,CAACkB,SAAS,CAAC,CAAClB,qBAAS,CAACC,MAAM,EAAED,qBAAS,CAACmB,MAAM,CAAC;AAChE,CAAC;AAEDd,SAAS,CAACe,YAAY,GAAG;EACvBZ,OAAO,EAAE,OAAO;EAChBE,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAEC,SAAS;EACnBC,IAAI,EAAE,KAAK;EACXE,EAAE,EAAE,SAAS;EAAE;EACfC,EAAE,EAAE,SAAS;EAAE;EACfC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAI,QAAA,GAAAf,OAAA,cAEaD,SAAS","ignoreList":[]}
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "Correct", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _correctIcon["default"];
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
Object.defineProperty(exports, "CorrectResponse", {
|
|
15
|
+
enumerable: true,
|
|
16
|
+
get: function get() {
|
|
17
|
+
return _correctResponseIcon["default"];
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
Object.defineProperty(exports, "Incorrect", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function get() {
|
|
23
|
+
return _incorrectIcon["default"];
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
Object.defineProperty(exports, "Instructions", {
|
|
27
|
+
enumerable: true,
|
|
28
|
+
get: function get() {
|
|
29
|
+
return _instructionsIcon["default"];
|
|
30
|
+
}
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports, "LearnMore", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function get() {
|
|
35
|
+
return _learnMoreIcon["default"];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
Object.defineProperty(exports, "NothingSubmitted", {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function get() {
|
|
41
|
+
return _nothingSubmittedIcon["default"];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
Object.defineProperty(exports, "PartiallyCorrect", {
|
|
45
|
+
enumerable: true,
|
|
46
|
+
get: function get() {
|
|
47
|
+
return _partiallyCorrectIcon["default"];
|
|
48
|
+
}
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(exports, "ShowRationale", {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function get() {
|
|
53
|
+
return _showRationaleIcon["default"];
|
|
54
|
+
}
|
|
55
|
+
});
|
|
56
|
+
var _correctIcon = _interopRequireDefault(require("./correct-icon"));
|
|
57
|
+
var _correctResponseIcon = _interopRequireDefault(require("./correct-response-icon"));
|
|
58
|
+
var _incorrectIcon = _interopRequireDefault(require("./incorrect-icon"));
|
|
59
|
+
var _instructionsIcon = _interopRequireDefault(require("./instructions-icon"));
|
|
60
|
+
var _learnMoreIcon = _interopRequireDefault(require("./learn-more-icon"));
|
|
61
|
+
var _nothingSubmittedIcon = _interopRequireDefault(require("./nothing-submitted-icon"));
|
|
62
|
+
var _partiallyCorrectIcon = _interopRequireDefault(require("./partially-correct-icon"));
|
|
63
|
+
var _showRationaleIcon = _interopRequireDefault(require("./show-rationale-icon"));
|
|
64
|
+
//# sourceMappingURL=index.js.map
|