@pie-lib/icons 2.4.23 → 2.4.26
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 +42 -207
- package/lib/correct-icon.js +7 -7
- package/lib/correct-icon.js.map +1 -1
- package/lib/correct-response-icon.js +15 -15
- package/lib/correct-response-icon.js.map +1 -1
- package/lib/icon-base.js +61 -68
- package/lib/icon-base.js.map +1 -1
- package/lib/icon-root.js +10 -10
- package/lib/icon-root.js.map +1 -1
- package/lib/incorrect-icon.js +9 -9
- package/lib/incorrect-icon.js.map +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/instructions-icon.js +38 -44
- package/lib/instructions-icon.js.map +1 -1
- package/lib/learn-more-icon.js +37 -45
- package/lib/learn-more-icon.js.map +1 -1
- package/lib/nothing-submitted-icon.js +42 -50
- package/lib/nothing-submitted-icon.js.map +1 -1
- package/lib/partially-correct-icon.js +9 -9
- package/lib/partially-correct-icon.js.map +1 -1
- package/lib/show-rationale-icon.js +37 -45
- package/lib/show-rationale-icon.js.map +1 -1
- package/lib/sized.js +4 -4
- package/lib/sized.js.map +1 -1
- package/package.json +2 -2
- package/src/correct-icon.jsx +6 -6
- package/src/correct-response-icon.jsx +15 -18
- package/src/icon-base.jsx +13 -13
- package/src/icon-root.jsx +13 -22
- package/src/incorrect-icon.jsx +4 -4
- package/src/index.js +1 -1
- package/src/instructions-icon.jsx +12 -12
- package/src/learn-more-icon.jsx +8 -8
- package/src/nothing-submitted-icon.jsx +9 -12
- package/src/partially-correct-icon.jsx +2 -2
- package/src/show-rationale-icon.jsx +16 -16
- package/src/sized.jsx +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/correct-response-icon.jsx"],"names":["OpenIcon","bg","fg","enableBackground","propTypes","PropTypes","string","CloseIcon","border","fill","stroke","strokeWidth","strokeMiterlimit","styles","root","width","props","size","height","hideIconBg","hideIconFg","showIconBg","showIconFg","showIconBorder","CorrectResponse","open","classes","className","object","isRequired","bool","defaultProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/correct-response-icon.jsx"],"names":["OpenIcon","bg","fg","enableBackground","propTypes","PropTypes","string","CloseIcon","border","fill","stroke","strokeWidth","strokeMiterlimit","styles","root","width","props","size","height","hideIconBg","hideIconFg","showIconBg","showIconFg","showIconBorder","CorrectResponse","open","classes","className","object","isRequired","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW;AAAA,MAAGC,EAAH,QAAGA,EAAH;AAAA,MAAOC,EAAP,QAAOA,EAAP;AAAA,sBACf;AACE,IAAA,mBAAmB,EAAC,eADtB;AAEE,IAAA,OAAO,EAAC,KAFV;AAGE,IAAA,EAAE,EAAC,SAHL;AAIE,IAAA,CAAC,EAAC,KAJJ;AAKE,IAAA,CAAC,EAAC,KALJ;AAME,IAAA,OAAO,EAAC,gBANV;AAOE,IAAA,KAAK,EAAE;AAAEC,MAAAA,gBAAgB,EAAE;AAApB;AAPT,kBASE;AAAQ,IAAA,SAAS,EAAEF,EAAnB;AAAuB,IAAA,EAAE,EAAC,MAA1B;AAAiC,IAAA,EAAE,EAAC,OAApC;AAA4C,IAAA,CAAC,EAAC;AAA9C,IATF,eAUE;AACE,IAAA,SAAS,EAAEA,EADb;AAEE,IAAA,CAAC,EAAC;AAFJ,IAVF,eAeE;AACE,IAAA,SAAS,EAAEC,EADb;AAEE,IAAA,MAAM,EAAC;AAFT,IAfF,CADe;AAAA,CAAjB;;AAuBAF,QAAQ,CAACI,SAAT,GAAqB;AACnBH,EAAAA,EAAE,EAAEI,sBAAUC,MADK;AAEnBJ,EAAAA,EAAE,EAAEG,sBAAUC;AAFK,CAArB;;AAKA,IAAMC,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGN,EAAH,SAAGA,EAAH;AAAA,MAAOC,EAAP,SAAOA,EAAP;AAAA,MAAWM,MAAX,SAAWA,MAAX;AAAA,sBAChB;AACE,IAAA,mBAAmB,EAAC,eADtB;AAEE,IAAA,OAAO,EAAC,KAFV;AAGE,IAAA,CAAC,EAAC,KAHJ;AAIE,IAAA,CAAC,EAAC,KAJJ;AAKE,IAAA,OAAO,EAAC,kBALV;AAME,IAAA,KAAK,EAAE;AAAEL,MAAAA,gBAAgB,EAAE;AAApB;AANT,kBAQE;AACE,IAAA,KAAK,EAAE;AACLM,MAAAA,IAAI,EAAE,SADD;AAELC,MAAAA,MAAM,EAAE,SAFH;AAGLC,MAAAA,WAAW,EAAE,IAHR;AAILC,MAAAA,gBAAgB,EAAE;AAJb,KADT;AAOE,IAAA,CAAC,EAAC;AAPJ,IARF,eAkBE;AACE,IAAA,KAAK,EAAE;AACLH,MAAAA,IAAI,EAAE,SADD;AAELC,MAAAA,MAAM,EAAE,SAFH;AAGLC,MAAAA,WAAW,EAAE,GAHR;AAILC,MAAAA,gBAAgB,EAAE;AAJb,KADT;AAOE,IAAA,CAAC,EAAC;AAPJ,IAlBF,eA2BE;AAAQ,IAAA,SAAS,EAAEX,EAAnB;AAAuB,IAAA,EAAE,EAAC,QAA1B;AAAmC,IAAA,EAAE,EAAC,OAAtC;AAA8C,IAAA,CAAC,EAAC;AAAhD,IA3BF,eA4BE;AACE,IAAA,SAAS,EAAEO,MADb;AAEE,IAAA,CAAC,EAAC;AAFJ,IA5BF,eAiCE;AAAS,IAAA,SAAS,EAAEN,EAApB;AAAwB,IAAA,MAAM,EAAC;AAA/B,IAjCF,CADgB;AAAA,CAAlB;;AAsCAK,SAAS,CAACH,SAAV,GAAsB;AACpBH,EAAAA,EAAE,EAAEI,sBAAUC,MADM;AAEpBJ,EAAAA,EAAE,EAAEG,sBAAUC,MAFM;AAGpBE,EAAAA,MAAM,EAAEH,sBAAUC;AAHE,CAAtB;AAMA,IAAMO,MAAM,GAAG;AACbC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,eAACC,KAAD;AAAA,aAAWA,KAAK,CAACC,IAAN,IAAc,MAAzB;AAAA,KADH;AAEJC,IAAAA,MAAM,EAAE,gBAACF,KAAD;AAAA,aAAWA,KAAK,CAACC,IAAN,IAAc,MAAzB;AAAA;AAFJ,GADO;AAKbE,EAAAA,UAAU,EAAE;AACVV,IAAAA,IAAI,EAAE;AADI,GALC;AAQbW,EAAAA,UAAU,EAAE;AACVX,IAAAA,IAAI,EAAE;AADI,GARC;AAWbY,EAAAA,UAAU,EAAE;AACVZ,IAAAA,IAAI,EAAE;AADI,GAXC;AAcba,EAAAA,UAAU,EAAE;AACVb,IAAAA,IAAI,EAAE;AADI,GAdC;AAiBbc,EAAAA,cAAc,EAAE;AACdd,IAAAA,IAAI,EAAE;AADQ;AAjBH,CAAf;;AAsBA,IAAMe,eAAe,GAAG,SAAlBA,eAAkB;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,MAASC,OAAT,SAASA,OAAT;AAAA,MAAkBC,SAAlB,SAAkBA,SAAlB;AAAA,sBACtB;AAAK,IAAA,SAAS,EAAE,4BAAWA,SAAX,EAAsBD,OAAO,CAACZ,IAA9B;AAAhB,KACGW,IAAI,gBACH,gCAAC,QAAD;AAAU,IAAA,EAAE,EAAEC,OAAO,CAACP,UAAtB;AAAkC,IAAA,EAAE,EAAEO,OAAO,CAACN;AAA9C,IADG,gBAGH,gCAAC,SAAD;AAAW,IAAA,EAAE,EAAEM,OAAO,CAACL,UAAvB;AAAmC,IAAA,MAAM,EAAEK,OAAO,CAACH,cAAnD;AAAmE,IAAA,EAAE,EAAEG,OAAO,CAACJ;AAA/E,IAJJ,CADsB;AAAA,CAAxB;;AAUAE,eAAe,CAACpB,SAAhB,GAA4B;AAC1BsB,EAAAA,OAAO,EAAErB,sBAAUuB,MAAV,CAAiBC,UADA;AAE1BJ,EAAAA,IAAI,EAAEpB,sBAAUyB,IAFU;AAG1Bb,EAAAA,IAAI,EAAEZ,sBAAUC,MAHU;AAI1BqB,EAAAA,SAAS,EAAEtB,sBAAUC;AAJK,CAA5B;AAOAkB,eAAe,CAACO,YAAhB,GAA+B;AAC7BN,EAAAA,IAAI,EAAE;AADuB,CAA/B;;eAIe,wBAAWZ,MAAX,EAAmBW,eAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst OpenIcon = ({ bg, fg }) => (\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n id=\"Layer_1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"-283 359 34 35\"\n style={{ enableBackground: 'new -283 359 34 35' }}\n >\n <circle className={bg} cx=\"-266\" cy=\"375.9\" r=\"14\" />\n <path\n className={bg}\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 />\n <polygon\n className={fg}\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 />\n </svg>\n);\n\nOpenIcon.propTypes = {\n bg: PropTypes.string,\n fg: PropTypes.string,\n};\n\nconst CloseIcon = ({ bg, fg, border }) => (\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\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 className={bg} cx=\"-114.2\" cy=\"143.5\" r=\"14\" />\n <path\n className={border}\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 />\n <polygon className={fg} 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 </svg>\n);\n\nCloseIcon.propTypes = {\n bg: PropTypes.string,\n fg: PropTypes.string,\n border: PropTypes.string,\n};\n\nconst styles = {\n root: {\n width: (props) => props.size || '25px',\n height: (props) => props.size || '25px',\n },\n hideIconBg: {\n fill: '#bce2ff',\n },\n hideIconFg: {\n fill: '#1a9cff',\n },\n showIconBg: {\n fill: 'white',\n },\n showIconFg: {\n fill: '#1a9cff',\n },\n showIconBorder: {\n fill: '#bce2ff',\n },\n};\n\nconst CorrectResponse = ({ open, classes, className }) => (\n <div className={classNames(className, classes.root)}>\n {open ? (\n <OpenIcon bg={classes.hideIconBg} fg={classes.hideIconFg} />\n ) : (\n <CloseIcon bg={classes.showIconBg} border={classes.showIconBorder} fg={classes.showIconFg} />\n )}\n </div>\n);\n\nCorrectResponse.propTypes = {\n classes: PropTypes.object.isRequired,\n open: PropTypes.bool,\n size: PropTypes.string,\n className: PropTypes.string,\n};\n\nCorrectResponse.defaultProps = {\n open: false,\n};\n\nexport default withStyles(styles)(CorrectResponse);\n"],"file":"correct-response-icon.js"}
|
package/lib/icon-base.js
CHANGED
|
@@ -1,164 +1,159 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
11
|
|
|
16
|
-
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
13
|
|
|
18
|
-
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
15
|
|
|
20
|
-
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
24
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
21
|
|
|
26
|
-
|
|
22
|
+
var _iconRoot = require("./icon-root");
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
25
|
|
|
30
|
-
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
31
27
|
|
|
32
|
-
function
|
|
28
|
+
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); }; }
|
|
33
29
|
|
|
34
|
-
function
|
|
30
|
+
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; } }
|
|
35
31
|
|
|
36
32
|
var _default = function _default(Action, Emoji) {
|
|
37
|
-
var IconBase =
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
33
|
+
var IconBase = /*#__PURE__*/function (_React$Component) {
|
|
34
|
+
(0, _inherits2["default"])(IconBase, _React$Component);
|
|
35
|
+
|
|
36
|
+
var _super = _createSuper(IconBase);
|
|
41
37
|
|
|
42
38
|
function IconBase(props) {
|
|
43
39
|
var _this;
|
|
44
40
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
_this = _possibleConstructorReturn(this, _getPrototypeOf(IconBase).call(this, props));
|
|
41
|
+
(0, _classCallCheck2["default"])(this, IconBase);
|
|
42
|
+
_this = _super.call(this, props);
|
|
48
43
|
var _this$props = _this.props,
|
|
49
44
|
classes = _this$props.classes,
|
|
50
45
|
size = _this$props.size;
|
|
51
46
|
_this.icons = {
|
|
52
47
|
feedback: {
|
|
53
48
|
round: {
|
|
54
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
49
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
55
50
|
size: size
|
|
56
|
-
}, _react["default"].createElement(_iconRoot.RoundFeedbackBox, {
|
|
51
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
|
|
57
52
|
className: classes.bg
|
|
58
|
-
}), _react["default"].createElement(Action, {
|
|
53
|
+
}), /*#__PURE__*/_react["default"].createElement(Action, {
|
|
59
54
|
className: classes.fg
|
|
60
55
|
})),
|
|
61
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
56
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
62
57
|
size: size
|
|
63
|
-
}, _react["default"].createElement(_iconRoot.RoundFeedbackBox, {
|
|
58
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
|
|
64
59
|
className: classes.bg
|
|
65
|
-
}), _react["default"].createElement(Emoji, {
|
|
60
|
+
}), /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
66
61
|
className: classes.fg
|
|
67
62
|
})),
|
|
68
63
|
open: {
|
|
69
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
64
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
70
65
|
size: size
|
|
71
|
-
}, _react["default"].createElement(Action, {
|
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement(Action, {
|
|
72
67
|
className: classes.bg
|
|
73
68
|
})),
|
|
74
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
69
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
75
70
|
size: size
|
|
76
|
-
}, _react["default"].createElement(Emoji, {
|
|
71
|
+
}, /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
77
72
|
className: classes.bg
|
|
78
73
|
}))
|
|
79
74
|
}
|
|
80
75
|
},
|
|
81
76
|
square: {
|
|
82
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
77
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
83
78
|
size: size
|
|
84
|
-
}, _react["default"].createElement(_iconRoot.SquareFeedbackBox, {
|
|
79
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
|
|
85
80
|
className: classes.bg
|
|
86
|
-
}), _react["default"].createElement(Action, {
|
|
81
|
+
}), /*#__PURE__*/_react["default"].createElement(Action, {
|
|
87
82
|
className: classes.fg
|
|
88
83
|
})),
|
|
89
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
84
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
90
85
|
size: size
|
|
91
|
-
}, _react["default"].createElement(_iconRoot.SquareFeedbackBox, {
|
|
86
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
|
|
92
87
|
className: classes.bg
|
|
93
|
-
}), _react["default"].createElement(Emoji, {
|
|
88
|
+
}), /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
94
89
|
className: classes.fg
|
|
95
90
|
})),
|
|
96
91
|
open: {
|
|
97
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
92
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
98
93
|
size: size
|
|
99
|
-
}, _react["default"].createElement(Action, {
|
|
94
|
+
}, /*#__PURE__*/_react["default"].createElement(Action, {
|
|
100
95
|
className: classes.bg
|
|
101
96
|
})),
|
|
102
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
97
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
103
98
|
size: size
|
|
104
|
-
}, _react["default"].createElement(Emoji, {
|
|
99
|
+
}, /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
105
100
|
className: classes.bg
|
|
106
101
|
}))
|
|
107
102
|
}
|
|
108
103
|
}
|
|
109
104
|
},
|
|
110
105
|
round: {
|
|
111
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
106
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
112
107
|
size: size
|
|
113
|
-
}, _react["default"].createElement(_iconRoot.Circle, {
|
|
108
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
|
|
114
109
|
className: classes.bg
|
|
115
|
-
}), _react["default"].createElement(Action, {
|
|
110
|
+
}), /*#__PURE__*/_react["default"].createElement(Action, {
|
|
116
111
|
className: classes.fg
|
|
117
112
|
})),
|
|
118
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
113
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
119
114
|
size: size
|
|
120
|
-
}, _react["default"].createElement(_iconRoot.Circle, {
|
|
115
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
|
|
121
116
|
className: classes.bg
|
|
122
|
-
}), _react["default"].createElement(Emoji, {
|
|
117
|
+
}), /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
123
118
|
className: classes.fg
|
|
124
119
|
})),
|
|
125
120
|
open: {
|
|
126
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
121
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
127
122
|
size: size
|
|
128
|
-
}, _react["default"].createElement(Action, {
|
|
123
|
+
}, /*#__PURE__*/_react["default"].createElement(Action, {
|
|
129
124
|
className: classes.bg
|
|
130
125
|
})),
|
|
131
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
126
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
132
127
|
size: size
|
|
133
|
-
}, _react["default"].createElement(Emoji, {
|
|
128
|
+
}, /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
134
129
|
className: classes.bg
|
|
135
130
|
}))
|
|
136
131
|
}
|
|
137
132
|
},
|
|
138
133
|
square: {
|
|
139
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
134
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
140
135
|
size: size
|
|
141
|
-
}, _react["default"].createElement(_iconRoot.Square, {
|
|
136
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
|
|
142
137
|
className: classes.bg
|
|
143
|
-
}), _react["default"].createElement(Action, {
|
|
138
|
+
}), /*#__PURE__*/_react["default"].createElement(Action, {
|
|
144
139
|
className: classes.fg
|
|
145
140
|
})),
|
|
146
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
141
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
147
142
|
size: size
|
|
148
|
-
}, _react["default"].createElement(_iconRoot.Square, {
|
|
143
|
+
}, /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
|
|
149
144
|
className: classes.bg
|
|
150
|
-
}), _react["default"].createElement(Emoji, {
|
|
145
|
+
}), /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
151
146
|
className: classes.fg
|
|
152
147
|
})),
|
|
153
148
|
open: {
|
|
154
|
-
check: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
149
|
+
check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
155
150
|
size: size
|
|
156
|
-
}, _react["default"].createElement(Action, {
|
|
151
|
+
}, /*#__PURE__*/_react["default"].createElement(Action, {
|
|
157
152
|
className: classes.bg
|
|
158
153
|
})),
|
|
159
|
-
emoji: _react["default"].createElement(_iconRoot.IconRoot, {
|
|
154
|
+
emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
|
|
160
155
|
size: size
|
|
161
|
-
}, _react["default"].createElement(Emoji, {
|
|
156
|
+
}, /*#__PURE__*/_react["default"].createElement(Emoji, {
|
|
162
157
|
className: classes.bg
|
|
163
158
|
}))
|
|
164
159
|
}
|
|
@@ -167,7 +162,7 @@ var _default = function _default(Action, Emoji) {
|
|
|
167
162
|
return _this;
|
|
168
163
|
}
|
|
169
164
|
|
|
170
|
-
|
|
165
|
+
(0, _createClass2["default"])(IconBase, [{
|
|
171
166
|
key: "render",
|
|
172
167
|
value: function render() {
|
|
173
168
|
if (this.props.category === undefined) {
|
|
@@ -185,15 +180,13 @@ var _default = function _default(Action, Emoji) {
|
|
|
185
180
|
}
|
|
186
181
|
}
|
|
187
182
|
}]);
|
|
188
|
-
|
|
189
183
|
return IconBase;
|
|
190
184
|
}(_react["default"].Component);
|
|
191
185
|
|
|
192
|
-
|
|
186
|
+
(0, _defineProperty2["default"])(IconBase, "propTypes", {
|
|
193
187
|
classes: _propTypes["default"].object.isRequired,
|
|
194
188
|
size: _propTypes["default"].number
|
|
195
189
|
});
|
|
196
|
-
|
|
197
190
|
IconBase.propTypes = {
|
|
198
191
|
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
199
192
|
shape: _propTypes["default"].oneOf(['round', 'square']),
|
package/lib/icon-base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/icon-base.jsx"],"names":["Action","Emoji","IconBase","props","classes","size","icons","feedback","round","check","bg","fg","emoji","open","square","category","undefined","shape","iconSet","React","Component","PropTypes","object","isRequired","number","propTypes","oneOf","bool","defaultProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/icon-base.jsx"],"names":["Action","Emoji","IconBase","props","classes","size","icons","feedback","round","check","bg","fg","emoji","open","square","category","undefined","shape","iconSet","React","Component","PropTypes","object","isRequired","number","propTypes","oneOf","bool","defaultProps"],"mappings":"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","sourcesContent":["import { Circle, IconRoot, RoundFeedbackBox, Square, SquareFeedbackBox } from './icon-root';\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport default (Action, Emoji) => {\n class IconBase extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n size: PropTypes.number,\n };\n constructor(props) {\n super(props);\n const { classes, size } = this.props;\n\n this.icons = {\n feedback: {\n round: {\n check: (\n <IconRoot size={size}>\n <RoundFeedbackBox className={classes.bg} />\n <Action className={classes.fg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <RoundFeedbackBox className={classes.bg} />\n <Emoji className={classes.fg} />\n </IconRoot>\n ),\n open: {\n check: (\n <IconRoot size={size}>\n <Action className={classes.bg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Emoji className={classes.bg} />\n </IconRoot>\n ),\n },\n },\n square: {\n check: (\n <IconRoot size={size}>\n <SquareFeedbackBox className={classes.bg} />\n <Action className={classes.fg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <SquareFeedbackBox className={classes.bg} />\n <Emoji className={classes.fg} />\n </IconRoot>\n ),\n open: {\n check: (\n <IconRoot size={size}>\n <Action className={classes.bg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Emoji className={classes.bg} />\n </IconRoot>\n ),\n },\n },\n },\n round: {\n check: (\n <IconRoot size={size}>\n <Circle className={classes.bg} />\n <Action className={classes.fg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Circle className={classes.bg} />\n <Emoji className={classes.fg} />\n </IconRoot>\n ),\n open: {\n check: (\n <IconRoot size={size}>\n <Action className={classes.bg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Emoji className={classes.bg} />\n </IconRoot>\n ),\n },\n },\n square: {\n check: (\n <IconRoot size={size}>\n <Square className={classes.bg} />\n <Action className={classes.fg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Square className={classes.bg} />\n <Emoji className={classes.fg} />\n </IconRoot>\n ),\n open: {\n check: (\n <IconRoot size={size}>\n <Action className={classes.bg} />\n </IconRoot>\n ),\n emoji: (\n <IconRoot size={size}>\n <Emoji className={classes.bg} />\n </IconRoot>\n ),\n },\n },\n };\n }\n\n render() {\n if (this.props.category === undefined) {\n if (this.props.open === true) {\n return this.icons[this.props.shape].open[this.props.iconSet];\n } else {\n return this.icons[this.props.shape][this.props.iconSet];\n }\n } else {\n if (this.props.open === true) {\n return this.icons.feedback[this.props.shape].open[this.props.iconSet];\n } else {\n return this.icons.feedback[this.props.shape][this.props.iconSet];\n }\n }\n }\n }\n\n IconBase.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\n IconBase.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n };\n\n return IconBase;\n};\n"],"file":"icon-base.js"}
|
package/lib/icon-root.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
|
-
exports.
|
|
8
|
+
exports.normalizeSize = exports.getStyles = exports.Tick = exports.SquareFeedbackBox = exports.Square = exports.RoundFeedbackBox = exports.IconRoot = exports.Circle = void 0;
|
|
7
9
|
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
11
|
|
|
@@ -11,8 +13,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
13
|
|
|
12
14
|
var _sized = _interopRequireDefault(require("./sized"));
|
|
13
15
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
16
|
var normalizeSize = function normalizeSize(size) {
|
|
17
17
|
return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
|
|
18
18
|
};
|
|
@@ -22,9 +22,9 @@ exports.normalizeSize = normalizeSize;
|
|
|
22
22
|
var IconRoot = function IconRoot(_ref) {
|
|
23
23
|
var size = _ref.size,
|
|
24
24
|
children = _ref.children;
|
|
25
|
-
return _react["default"].createElement(_sized["default"], {
|
|
25
|
+
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
26
26
|
size: size
|
|
27
|
-
}, _react["default"].createElement("svg", {
|
|
27
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
28
28
|
preserveAspectRatio: "xMinYMin meet",
|
|
29
29
|
version: "1.1",
|
|
30
30
|
x: "0px",
|
|
@@ -57,7 +57,7 @@ exports.getStyles = getStyles;
|
|
|
57
57
|
|
|
58
58
|
var Tick = function Tick(_ref2) {
|
|
59
59
|
var className = _ref2.className;
|
|
60
|
-
return _react["default"].createElement("polygon", {
|
|
60
|
+
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
61
61
|
className: className,
|
|
62
62
|
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"
|
|
63
63
|
});
|
|
@@ -70,7 +70,7 @@ Tick.propTypes = {
|
|
|
70
70
|
|
|
71
71
|
var SquareFeedbackBox = function SquareFeedbackBox(_ref3) {
|
|
72
72
|
var className = _ref3.className;
|
|
73
|
-
return _react["default"].createElement("polygon", {
|
|
73
|
+
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
74
74
|
transform: "translate(2, 0)",
|
|
75
75
|
className: className,
|
|
76
76
|
points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3"
|
|
@@ -84,7 +84,7 @@ SquareFeedbackBox.propTypes = {
|
|
|
84
84
|
|
|
85
85
|
var RoundFeedbackBox = function RoundFeedbackBox(_ref4) {
|
|
86
86
|
var className = _ref4.className;
|
|
87
|
-
return _react["default"].createElement("path", {
|
|
87
|
+
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
88
88
|
transform: "translate(1, 0)",
|
|
89
89
|
className: className,
|
|
90
90
|
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"
|
|
@@ -98,7 +98,7 @@ RoundFeedbackBox.propTypes = {
|
|
|
98
98
|
|
|
99
99
|
var Circle = function Circle(_ref5) {
|
|
100
100
|
var className = _ref5.className;
|
|
101
|
-
return _react["default"].createElement("circle", {
|
|
101
|
+
return /*#__PURE__*/_react["default"].createElement("circle", {
|
|
102
102
|
transform: "translate(-3, 0)",
|
|
103
103
|
className: className,
|
|
104
104
|
cx: "23",
|
|
@@ -114,7 +114,7 @@ Circle.propTypes = {
|
|
|
114
114
|
|
|
115
115
|
var Square = function Square(_ref6) {
|
|
116
116
|
var className = _ref6.className;
|
|
117
|
-
return _react["default"].createElement("rect", {
|
|
117
|
+
return /*#__PURE__*/_react["default"].createElement("rect", {
|
|
118
118
|
x: "3.6",
|
|
119
119
|
y: "4.1",
|
|
120
120
|
className: className,
|
package/lib/icon-root.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/icon-root.jsx"],"names":["normalizeSize","size","IconRoot","children","enableBackground","propTypes","PropTypes","oneOf","string","number","oneOfType","arrayOf","node","isRequired","getStyles","name","fg","bg","fill","Tick","className","SquareFeedbackBox","RoundFeedbackBox","Circle","Square"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/icon-root.jsx"],"names":["normalizeSize","size","IconRoot","children","enableBackground","propTypes","PropTypes","oneOf","string","number","oneOfType","arrayOf","node","isRequired","getStyles","name","fg","bg","fill","Tick","className","SquareFeedbackBox","RoundFeedbackBox","Circle","Square"],"mappings":"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","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 }) => (\n <Sized size={size}>\n <svg\n preserveAspectRatio=\"xMinYMin meet\"\n version=\"1.1\"\n x=\"0px\"\n y=\"0px\"\n viewBox=\"0 0 44 40\"\n style={{ enableBackground: 'new 0 0 44 40' }}\n >\n {' '}\n {children}\n </svg>\n </Sized>\n);\n\nIconRoot.propTypes = {\n size: PropTypes.oneOf([PropTypes.string, PropTypes.number]),\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\n\nexport const getStyles = (name, fg, bg) => ({\n bg: {\n fill: `var(--icons-${name}-bg, ${bg})`,\n },\n fg: {\n fill: `var(--icons-${name}-fg, ${fg})`,\n },\n});\n\nexport const Tick = ({ className }) => (\n <polygon className={className} 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\" />\n);\n\nTick.propTypes = {\n className: PropTypes.string,\n};\n\nexport const SquareFeedbackBox = ({ className }) => (\n <polygon transform=\"translate(2, 0)\" className={className} points=\"34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3\" />\n);\nSquareFeedbackBox.propTypes = {\n className: PropTypes.string,\n};\n\nexport const RoundFeedbackBox = ({ className }) => (\n <path\n transform=\"translate(1, 0)\"\n className={className}\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 />\n);\nRoundFeedbackBox.propTypes = {\n className: PropTypes.string,\n};\n\nexport const Circle = ({ className }) => (\n <circle transform=\"translate(-3, 0)\" className={className} cx=\"23\" cy=\"20.4\" r=\"16\" />\n);\n\nCircle.propTypes = {\n className: PropTypes.string,\n};\n\nexport const Square = ({ className }) => <rect x=\"3.6\" y=\"4.1\" className={className} width=\"32\" height=\"32\" />;\nSquare.propTypes = {\n className: PropTypes.string,\n};\n"],"file":"icon-root.js"}
|
package/lib/incorrect-icon.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -15,20 +17,18 @@ var _iconRoot = require("./icon-root");
|
|
|
15
17
|
|
|
16
18
|
var _styles = require("@material-ui/core/styles");
|
|
17
19
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
20
|
var Ex = function Ex(_ref) {
|
|
21
21
|
var className = _ref.className;
|
|
22
|
-
return _react["default"].createElement("g", {
|
|
22
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
23
23
|
transform: 'translate(0.5, 0.5)'
|
|
24
|
-
}, _react["default"].createElement("rect", {
|
|
24
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
25
25
|
x: "11",
|
|
26
26
|
y: "17.3",
|
|
27
27
|
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
|
|
28
28
|
className: className,
|
|
29
29
|
width: "16.6",
|
|
30
30
|
height: "3.7"
|
|
31
|
-
}), _react["default"].createElement("rect", {
|
|
31
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
32
32
|
x: "17.4",
|
|
33
33
|
y: "10.7",
|
|
34
34
|
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
|
|
@@ -44,21 +44,21 @@ Ex.propTypes = {
|
|
|
44
44
|
|
|
45
45
|
var Emoji = function Emoji(_ref2) {
|
|
46
46
|
var className = _ref2.className;
|
|
47
|
-
return _react["default"].createElement("g", {
|
|
47
|
+
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
48
48
|
transform: 'translate(1,0)'
|
|
49
|
-
}, _react["default"].createElement("rect", {
|
|
49
|
+
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
50
50
|
x: "21",
|
|
51
51
|
y: "12.9",
|
|
52
52
|
className: className,
|
|
53
53
|
width: "3.7",
|
|
54
54
|
height: "4.7"
|
|
55
|
-
}), _react["default"].createElement("rect", {
|
|
55
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
56
56
|
x: "12.7",
|
|
57
57
|
y: "12.9",
|
|
58
58
|
className: className,
|
|
59
59
|
width: "3.7",
|
|
60
60
|
height: "4.7"
|
|
61
|
-
}), _react["default"].createElement("rect", {
|
|
61
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
62
62
|
x: "12.2",
|
|
63
63
|
y: "22.5",
|
|
64
64
|
className: className,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/incorrect-icon.jsx"],"names":["Ex","className","propTypes","PropTypes","string","Emoji","styles","Incorrect","iconSet","oneOf","shape","category","undefined","open","bool","defaultProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/incorrect-icon.jsx"],"names":["Ex","className","propTypes","PropTypes","string","Emoji","styles","Incorrect","iconSet","oneOf","shape","category","undefined","open","bool","defaultProps"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,EAAE,GAAG,SAALA,EAAK;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBACT;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AACE,IAAA,CAAC,EAAC,IADJ;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,IADF,eASE;AACE,IAAA,CAAC,EAAC,MADJ;AAEE,IAAA,CAAC,EAAC,MAFJ;AAGE,IAAA,SAAS,EAAC,qDAHZ;AAIE,IAAA,SAAS,EAAEA,SAJb;AAKE,IAAA,KAAK,EAAC,KALR;AAME,IAAA,MAAM,EAAC;AANT,IATF,CADS;AAAA,CAAX;;AAqBAD,EAAE,CAACE,SAAH,GAAe;AACbD,EAAAA,SAAS,EAAEE,sBAAUC;AADR,CAAf;;AAGA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGJ,SAAH,SAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AAAM,IAAA,CAAC,EAAC,IAAR;AAAa,IAAA,CAAC,EAAC,MAAf;AAAsB,IAAA,SAAS,EAAEA,SAAjC;AAA4C,IAAA,KAAK,EAAC,KAAlD;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,KAApD;AAA0D,IAAA,MAAM,EAAC;AAAjE,IAFF,eAGE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAwB,IAAA,SAAS,EAAEA,SAAnC;AAA8C,IAAA,KAAK,EAAC,IAApD;AAAyD,IAAA,MAAM,EAAC;AAAhE,IAHF,CADY;AAAA,CAAd;;AAQAI,KAAK,CAACH,SAAN,GAAkB;AAChBD,EAAAA,SAAS,EAAEE,sBAAUC;AADL,CAAlB;AAIA,IAAME,MAAM,GAAG,yBAAU,WAAV,EAAuB,SAAvB,EAAkC,SAAlC,CAAf;AAEO,IAAMC,SAAS,GAAG,0BAASP,EAAT,EAAaK,KAAb,CAAlB;;;eAEQ,wBAAWC,MAAX,EAAmBC,SAAnB,C;;;AAEfA,SAAS,CAACL,SAAV,GAAsB;AACpBM,EAAAA,OAAO,EAAEL,sBAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADW;AAEpBC,EAAAA,KAAK,EAAEP,sBAAUM,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,CAFa;AAGpBE,EAAAA,QAAQ,EAAER,sBAAUM,KAAV,CAAgB,CAAC,UAAD,EAAaG,SAAb,CAAhB,CAHU;AAIpBC,EAAAA,IAAI,EAAEV,sBAAUW;AAJI,CAAtB;AAOAP,SAAS,CAACQ,YAAV,GAAyB;AACvBP,EAAAA,OAAO,EAAE,OADc;AAEvBE,EAAAA,KAAK,EAAE,OAFgB;AAGvBC,EAAAA,QAAQ,EAAEC,SAHa;AAIvBC,EAAAA,IAAI,EAAE;AAJiB,CAAzB","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 Ex = ({ className }) => (\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 className={className}\n width=\"16.6\"\n height=\"3.7\"\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 className={className}\n width=\"3.7\"\n height=\"16.6\"\n />\n </g>\n);\n\nEx.propTypes = {\n className: PropTypes.string,\n};\nconst Emoji = ({ className }) => (\n <g transform={'translate(1,0)'}>\n <rect x=\"21\" y=\"12.9\" className={className} width=\"3.7\" height=\"4.7\" />\n <rect x=\"12.7\" y=\"12.9\" className={className} width=\"3.7\" height=\"4.7\" />\n <rect x=\"12.2\" y=\"22.5\" className={className} width=\"13\" height=\"3.3\" />\n </g>\n);\n\nEmoji.propTypes = {\n className: PropTypes.string,\n};\n\nconst styles = getStyles('incorrect', '#fbf2e3', '#fcb733');\n\nexport const Incorrect = IconBase(Ex, Emoji);\n\nexport default withStyles(styles)(Incorrect);\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};\n\nIncorrect.defaultProps = {\n iconSet: 'check',\n shape: 'round',\n category: undefined,\n open: false,\n};\n"],"file":"incorrect-icon.js"}
|
package/lib/index.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
@@ -67,6 +69,4 @@ var _nothingSubmittedIcon = _interopRequireDefault(require("./nothing-submitted-
|
|
|
67
69
|
var _partiallyCorrectIcon = _interopRequireDefault(require("./partially-correct-icon"));
|
|
68
70
|
|
|
69
71
|
var _showRationaleIcon = _interopRequireDefault(require("./show-rationale-icon"));
|
|
70
|
-
|
|
71
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
72
72
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import Correct from './correct-icon';\nimport CorrectResponse from './correct-response-icon';\nimport Incorrect from './incorrect-icon';\nimport Instructions from './instructions-icon';\nimport LearnMore from './learn-more-icon';\nimport NothingSubmitted from './nothing-submitted-icon';\nimport PartiallyCorrect from './partially-correct-icon';\nimport ShowRationale from './show-rationale-icon';\n\nexport {\n Correct,\n CorrectResponse,\n Incorrect,\n Instructions,\n LearnMore,\n NothingSubmitted,\n PartiallyCorrect,\n ShowRationale,\n};\n"],"file":"index.js"}
|