@pie-lib/icons 2.7.0 → 2.8.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 +13 -65
- 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
package/lib/icon-base.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;;;;;eAEe,kBAACA,MAAD,EAASC,KAAT,EAAmB;AAAA,MAC1BC,QAD0B;AAAA;;AAAA;;AAM9B,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AACA,wBAA0B,MAAKA,KAA/B;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,IAAjB,eAAiBA,IAAjB;AAEA,YAAKC,KAAL,GAAa;AACXC,QAAAA,QAAQ,EAAE;AACRC,UAAAA,KAAK,EAAE;AACLC,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEJ;AAAhB,4BACE,gCAAC,0BAAD;AAAkB,cAAA,SAAS,EAAED,OAAO,CAACM;AAArC,cADF,eAEE,gCAAC,MAAD;AAAQ,cAAA,SAAS,EAAEN,OAAO,CAACO;AAA3B,cAFF,CAFG;AAOLC,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEP;AAAhB,4BACE,gCAAC,0BAAD;AAAkB,cAAA,SAAS,EAAED,OAAO,CAACM;AAArC,cADF,eAEE,gCAAC,KAAD;AAAO,cAAA,SAAS,EAAEN,OAAO,CAACO;AAA1B,cAFF,CARG;AAaLE,YAAAA,IAAI,EAAE;AACJJ,cAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,gBAAA,IAAI,EAAEJ;AAAhB,8BACE,gCAAC,MAAD;AAAQ,gBAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,gBADF,CAFE;AAMJE,cAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,gBAAA,IAAI,EAAEP;AAAhB,8BACE,gCAAC,KAAD;AAAO,gBAAA,SAAS,EAAED,OAAO,CAACM;AAA1B,gBADF;AAPE;AAbD,WADC;AA2BRI,UAAAA,MAAM,EAAE;AACNL,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEJ;AAAhB,4BACE,gCAAC,2BAAD;AAAmB,cAAA,SAAS,EAAED,OAAO,CAACM;AAAtC,cADF,eAEE,gCAAC,MAAD;AAAQ,cAAA,SAAS,EAAEN,OAAO,CAACO;AAA3B,cAFF,CAFI;AAONC,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEP;AAAhB,4BACE,gCAAC,2BAAD;AAAmB,cAAA,SAAS,EAAED,OAAO,CAACM;AAAtC,cADF,eAEE,gCAAC,KAAD;AAAO,cAAA,SAAS,EAAEN,OAAO,CAACO;AAA1B,cAFF,CARI;AAaNE,YAAAA,IAAI,EAAE;AACJJ,cAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,gBAAA,IAAI,EAAEJ;AAAhB,8BACE,gCAAC,MAAD;AAAQ,gBAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,gBADF,CAFE;AAMJE,cAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,gBAAA,IAAI,EAAEP;AAAhB,8BACE,gCAAC,KAAD;AAAO,gBAAA,SAAS,EAAED,OAAO,CAACM;AAA1B,gBADF;AAPE;AAbA;AA3BA,SADC;AAuDXF,QAAAA,KAAK,EAAE;AACLC,UAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,YAAA,IAAI,EAAEJ;AAAhB,0BACE,gCAAC,gBAAD;AAAQ,YAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,YADF,eAEE,gCAAC,MAAD;AAAQ,YAAA,SAAS,EAAEN,OAAO,CAACO;AAA3B,YAFF,CAFG;AAOLC,UAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,YAAA,IAAI,EAAEP;AAAhB,0BACE,gCAAC,gBAAD;AAAQ,YAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,YADF,eAEE,gCAAC,KAAD;AAAO,YAAA,SAAS,EAAEN,OAAO,CAACO;AAA1B,YAFF,CARG;AAaLE,UAAAA,IAAI,EAAE;AACJJ,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEJ;AAAhB,4BACE,gCAAC,MAAD;AAAQ,cAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,cADF,CAFE;AAMJE,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEP;AAAhB,4BACE,gCAAC,KAAD;AAAO,cAAA,SAAS,EAAED,OAAO,CAACM;AAA1B,cADF;AAPE;AAbD,SAvDI;AAiFXI,QAAAA,MAAM,EAAE;AACNL,UAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,YAAA,IAAI,EAAEJ;AAAhB,0BACE,gCAAC,gBAAD;AAAQ,YAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,YADF,eAEE,gCAAC,MAAD;AAAQ,YAAA,SAAS,EAAEN,OAAO,CAACO;AAA3B,YAFF,CAFI;AAONC,UAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,YAAA,IAAI,EAAEP;AAAhB,0BACE,gCAAC,gBAAD;AAAQ,YAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,YADF,eAEE,gCAAC,KAAD;AAAO,YAAA,SAAS,EAAEN,OAAO,CAACO;AAA1B,YAFF,CARI;AAaNE,UAAAA,IAAI,EAAE;AACJJ,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEJ;AAAhB,4BACE,gCAAC,MAAD;AAAQ,cAAA,SAAS,EAAED,OAAO,CAACM;AAA3B,cADF,CAFE;AAMJE,YAAAA,KAAK,eACH,gCAAC,kBAAD;AAAU,cAAA,IAAI,EAAEP;AAAhB,4BACE,gCAAC,KAAD;AAAO,cAAA,SAAS,EAAED,OAAO,CAACM;AAA1B,cADF;AAPE;AAbA;AAjFG,OAAb;AAJiB;AAgHlB;;AAtH6B;AAAA;AAAA,aAwH9B,kBAAS;AACP,YAAI,KAAKP,KAAL,CAAWY,QAAX,KAAwBC,SAA5B,EAAuC;AACrC,cAAI,KAAKb,KAAL,CAAWU,IAAX,KAAoB,IAAxB,EAA8B;AAC5B,mBAAO,KAAKP,KAAL,CAAW,KAAKH,KAAL,CAAWc,KAAtB,EAA6BJ,IAA7B,CAAkC,KAAKV,KAAL,CAAWe,OAA7C,CAAP;AACD,WAFD,MAEO;AACL,mBAAO,KAAKZ,KAAL,CAAW,KAAKH,KAAL,CAAWc,KAAtB,EAA6B,KAAKd,KAAL,CAAWe,OAAxC,CAAP;AACD;AACF,SAND,MAMO;AACL,cAAI,KAAKf,KAAL,CAAWU,IAAX,KAAoB,IAAxB,EAA8B;AAC5B,mBAAO,KAAKP,KAAL,CAAWC,QAAX,CAAoB,KAAKJ,KAAL,CAAWc,KAA/B,EAAsCJ,IAAtC,CAA2C,KAAKV,KAAL,CAAWe,OAAtD,CAAP;AACD,WAFD,MAEO;AACL,mBAAO,KAAKZ,KAAL,CAAWC,QAAX,CAAoB,KAAKJ,KAAL,CAAWc,KAA/B,EAAsC,KAAKd,KAAL,CAAWe,OAAjD,CAAP;AACD;AACF;AACF;AAtI6B;AAAA;AAAA,IACTC,kBAAMC,SADG;;AAAA,mCAC1BlB,QAD0B,eAEX;AACjBE,IAAAA,OAAO,EAAEiB,sBAAUC,MAAV,CAAiBC,UADT;AAEjBlB,IAAAA,IAAI,EAAEgB,sBAAUG;AAFC,GAFW;AAyIhCtB,EAAAA,QAAQ,CAACuB,SAAT,GAAqB;AACnBP,IAAAA,OAAO,EAAEG,sBAAUK,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADU;AAEnBT,IAAAA,KAAK,EAAEI,sBAAUK,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,CAFY;AAGnBX,IAAAA,QAAQ,EAAEM,sBAAUK,KAAV,CAAgB,CAAC,UAAD,EAAaV,SAAb,CAAhB,CAHS;AAInBH,IAAAA,IAAI,EAAEQ,sBAAUM;AAJG,GAArB;AAOAzB,EAAAA,QAAQ,CAAC0B,YAAT,GAAwB;AACtBV,IAAAA,OAAO,EAAE,OADa;AAEtBD,IAAAA,KAAK,EAAE,OAFe;AAGtBF,IAAAA,QAAQ,EAAEC,SAHY;AAItBH,IAAAA,IAAI,EAAE;AAJgB,GAAxB;AAOA,SAAOX,QAAP;AACD,C","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
DELETED
|
@@ -1,130 +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.getStyles = exports.Tick = exports.SquareFeedbackBox = exports.Square = exports.RoundFeedbackBox = exports.IconRoot = exports.Circle = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
|
-
|
|
14
|
-
var _sized = _interopRequireDefault(require("./sized"));
|
|
15
|
-
|
|
16
|
-
var normalizeSize = function normalizeSize(size) {
|
|
17
|
-
return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
exports.normalizeSize = normalizeSize;
|
|
21
|
-
|
|
22
|
-
var IconRoot = function IconRoot(_ref) {
|
|
23
|
-
var size = _ref.size,
|
|
24
|
-
children = _ref.children;
|
|
25
|
-
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
26
|
-
size: size
|
|
27
|
-
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
28
|
-
preserveAspectRatio: "xMinYMin meet",
|
|
29
|
-
version: "1.1",
|
|
30
|
-
x: "0px",
|
|
31
|
-
y: "0px",
|
|
32
|
-
viewBox: "0 0 44 40",
|
|
33
|
-
style: {
|
|
34
|
-
enableBackground: 'new 0 0 44 40'
|
|
35
|
-
}
|
|
36
|
-
}, ' ', children));
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
exports.IconRoot = IconRoot;
|
|
40
|
-
IconRoot.propTypes = {
|
|
41
|
-
size: _propTypes["default"].oneOf([_propTypes["default"].string, _propTypes["default"].number]),
|
|
42
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var getStyles = function getStyles(name, fg, bg) {
|
|
46
|
-
return {
|
|
47
|
-
bg: {
|
|
48
|
-
fill: "var(--icons-".concat(name, "-bg, ").concat(bg, ")")
|
|
49
|
-
},
|
|
50
|
-
fg: {
|
|
51
|
-
fill: "var(--icons-".concat(name, "-fg, ").concat(fg, ")")
|
|
52
|
-
}
|
|
53
|
-
};
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
exports.getStyles = getStyles;
|
|
57
|
-
|
|
58
|
-
var Tick = function Tick(_ref2) {
|
|
59
|
-
var className = _ref2.className;
|
|
60
|
-
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
61
|
-
className: className,
|
|
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
|
-
});
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
exports.Tick = Tick;
|
|
67
|
-
Tick.propTypes = {
|
|
68
|
-
className: _propTypes["default"].string
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var SquareFeedbackBox = function SquareFeedbackBox(_ref3) {
|
|
72
|
-
var className = _ref3.className;
|
|
73
|
-
return /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
74
|
-
transform: "translate(2, 0)",
|
|
75
|
-
className: className,
|
|
76
|
-
points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3"
|
|
77
|
-
});
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
exports.SquareFeedbackBox = SquareFeedbackBox;
|
|
81
|
-
SquareFeedbackBox.propTypes = {
|
|
82
|
-
className: _propTypes["default"].string
|
|
83
|
-
};
|
|
84
|
-
|
|
85
|
-
var RoundFeedbackBox = function RoundFeedbackBox(_ref4) {
|
|
86
|
-
var className = _ref4.className;
|
|
87
|
-
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
88
|
-
transform: "translate(1, 0)",
|
|
89
|
-
className: className,
|
|
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"
|
|
91
|
-
});
|
|
92
|
-
};
|
|
93
|
-
|
|
94
|
-
exports.RoundFeedbackBox = RoundFeedbackBox;
|
|
95
|
-
RoundFeedbackBox.propTypes = {
|
|
96
|
-
className: _propTypes["default"].string
|
|
97
|
-
};
|
|
98
|
-
|
|
99
|
-
var Circle = function Circle(_ref5) {
|
|
100
|
-
var className = _ref5.className;
|
|
101
|
-
return /*#__PURE__*/_react["default"].createElement("circle", {
|
|
102
|
-
transform: "translate(-3, 0)",
|
|
103
|
-
className: className,
|
|
104
|
-
cx: "23",
|
|
105
|
-
cy: "20.4",
|
|
106
|
-
r: "16"
|
|
107
|
-
});
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
exports.Circle = Circle;
|
|
111
|
-
Circle.propTypes = {
|
|
112
|
-
className: _propTypes["default"].string
|
|
113
|
-
};
|
|
114
|
-
|
|
115
|
-
var Square = function Square(_ref6) {
|
|
116
|
-
var className = _ref6.className;
|
|
117
|
-
return /*#__PURE__*/_react["default"].createElement("rect", {
|
|
118
|
-
x: "3.6",
|
|
119
|
-
y: "4.1",
|
|
120
|
-
className: className,
|
|
121
|
-
width: "32",
|
|
122
|
-
height: "32"
|
|
123
|
-
});
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
exports.Square = Square;
|
|
127
|
-
Square.propTypes = {
|
|
128
|
-
className: _propTypes["default"].string
|
|
129
|
-
};
|
|
130
|
-
//# sourceMappingURL=icon-root.js.map
|
package/lib/icon-root.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,92 +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.Incorrect = 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 Ex = function Ex(_ref) {
|
|
21
|
-
var className = _ref.className;
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
23
|
-
transform: 'translate(0.5, 0.5)'
|
|
24
|
-
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
25
|
-
x: "11",
|
|
26
|
-
y: "17.3",
|
|
27
|
-
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
|
|
28
|
-
className: className,
|
|
29
|
-
width: "16.6",
|
|
30
|
-
height: "3.7"
|
|
31
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
32
|
-
x: "17.4",
|
|
33
|
-
y: "10.7",
|
|
34
|
-
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
|
|
35
|
-
className: className,
|
|
36
|
-
width: "3.7",
|
|
37
|
-
height: "16.6"
|
|
38
|
-
}));
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
Ex.propTypes = {
|
|
42
|
-
className: _propTypes["default"].string
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var Emoji = function Emoji(_ref2) {
|
|
46
|
-
var className = _ref2.className;
|
|
47
|
-
return /*#__PURE__*/_react["default"].createElement("g", {
|
|
48
|
-
transform: 'translate(1,0)'
|
|
49
|
-
}, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
50
|
-
x: "21",
|
|
51
|
-
y: "12.9",
|
|
52
|
-
className: className,
|
|
53
|
-
width: "3.7",
|
|
54
|
-
height: "4.7"
|
|
55
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
56
|
-
x: "12.7",
|
|
57
|
-
y: "12.9",
|
|
58
|
-
className: className,
|
|
59
|
-
width: "3.7",
|
|
60
|
-
height: "4.7"
|
|
61
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
62
|
-
x: "12.2",
|
|
63
|
-
y: "22.5",
|
|
64
|
-
className: className,
|
|
65
|
-
width: "13",
|
|
66
|
-
height: "3.3"
|
|
67
|
-
}));
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
Emoji.propTypes = {
|
|
71
|
-
className: _propTypes["default"].string
|
|
72
|
-
};
|
|
73
|
-
var styles = (0, _iconRoot.getStyles)('incorrect', '#fbf2e3', '#fcb733');
|
|
74
|
-
var Incorrect = (0, _iconBase["default"])(Ex, Emoji);
|
|
75
|
-
exports.Incorrect = Incorrect;
|
|
76
|
-
|
|
77
|
-
var _default = (0, _styles.withStyles)(styles)(Incorrect);
|
|
78
|
-
|
|
79
|
-
exports["default"] = _default;
|
|
80
|
-
Incorrect.propTypes = {
|
|
81
|
-
iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
|
|
82
|
-
shape: _propTypes["default"].oneOf(['round', 'square']),
|
|
83
|
-
category: _propTypes["default"].oneOf(['feedback', undefined]),
|
|
84
|
-
open: _propTypes["default"].bool
|
|
85
|
-
};
|
|
86
|
-
Incorrect.defaultProps = {
|
|
87
|
-
iconSet: 'check',
|
|
88
|
-
shape: 'round',
|
|
89
|
-
category: undefined,
|
|
90
|
-
open: false
|
|
91
|
-
};
|
|
92
|
-
//# sourceMappingURL=incorrect-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,72 +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
|
-
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
|
-
|
|
57
|
-
var _correctIcon = _interopRequireDefault(require("./correct-icon"));
|
|
58
|
-
|
|
59
|
-
var _correctResponseIcon = _interopRequireDefault(require("./correct-response-icon"));
|
|
60
|
-
|
|
61
|
-
var _incorrectIcon = _interopRequireDefault(require("./incorrect-icon"));
|
|
62
|
-
|
|
63
|
-
var _instructionsIcon = _interopRequireDefault(require("./instructions-icon"));
|
|
64
|
-
|
|
65
|
-
var _learnMoreIcon = _interopRequireDefault(require("./learn-more-icon"));
|
|
66
|
-
|
|
67
|
-
var _nothingSubmittedIcon = _interopRequireDefault(require("./nothing-submitted-icon"));
|
|
68
|
-
|
|
69
|
-
var _partiallyCorrectIcon = _interopRequireDefault(require("./partially-correct-icon"));
|
|
70
|
-
|
|
71
|
-
var _showRationaleIcon = _interopRequireDefault(require("./show-rationale-icon"));
|
|
72
|
-
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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"}
|
package/lib/instructions-icon.js
DELETED
|
@@ -1,229 +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"] = 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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
21
|
-
|
|
22
|
-
var _react = _interopRequireDefault(require("react"));
|
|
23
|
-
|
|
24
|
-
var _sized = _interopRequireDefault(require("./sized"));
|
|
25
|
-
|
|
26
|
-
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); }; }
|
|
27
|
-
|
|
28
|
-
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; } }
|
|
29
|
-
|
|
30
|
-
var Lines = function Lines() {
|
|
31
|
-
var style = {
|
|
32
|
-
fill: 'none',
|
|
33
|
-
stroke: '#BCE2FF',
|
|
34
|
-
strokeWidth: 2,
|
|
35
|
-
strokeMiterlimit: 10
|
|
36
|
-
};
|
|
37
|
-
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
|
|
38
|
-
style: style,
|
|
39
|
-
x1: "-98",
|
|
40
|
-
y1: "142",
|
|
41
|
-
x2: "-114.6",
|
|
42
|
-
y2: "142"
|
|
43
|
-
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
44
|
-
style: style,
|
|
45
|
-
x1: "-98",
|
|
46
|
-
y1: "146.3",
|
|
47
|
-
x2: "-114.6",
|
|
48
|
-
y2: "146.3"
|
|
49
|
-
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
50
|
-
style: style,
|
|
51
|
-
x1: "-104",
|
|
52
|
-
y1: "150.7",
|
|
53
|
-
x2: "-114.6",
|
|
54
|
-
y2: "150.7"
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var Root = function Root(_ref) {
|
|
59
|
-
var children = _ref.children,
|
|
60
|
-
size = _ref.size;
|
|
61
|
-
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
62
|
-
size: size
|
|
63
|
-
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
64
|
-
version: "1.1",
|
|
65
|
-
viewBox: "-128 129 31 31",
|
|
66
|
-
style: {
|
|
67
|
-
enableBackground: 'new -128 129 31 31'
|
|
68
|
-
}
|
|
69
|
-
}, children));
|
|
70
|
-
};
|
|
71
|
-
|
|
72
|
-
Root.propTypes = {
|
|
73
|
-
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
|
|
74
|
-
size: _propTypes["default"].number
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
var GreyInfo = function GreyInfo() {
|
|
78
|
-
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
79
|
-
x: "-123.9",
|
|
80
|
-
y: "135.3",
|
|
81
|
-
style: {
|
|
82
|
-
fill: '#D0CAC5',
|
|
83
|
-
stroke: '#E6E3E0',
|
|
84
|
-
strokeWidth: 0.75,
|
|
85
|
-
strokeLinejoin: 'round',
|
|
86
|
-
strokeMiterlimit: 10
|
|
87
|
-
},
|
|
88
|
-
width: "4.1",
|
|
89
|
-
height: "4.1"
|
|
90
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
91
|
-
style: {
|
|
92
|
-
fill: '#D0CAC5',
|
|
93
|
-
stroke: '#E6E3E0',
|
|
94
|
-
strokeWidth: 0.75,
|
|
95
|
-
strokeLinejoin: 'round',
|
|
96
|
-
strokeMiterlimit: 10
|
|
97
|
-
},
|
|
98
|
-
points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 -125.6,153.2 -116.8,153.2 -116.8,150.4 "
|
|
99
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
100
|
-
x: "-124.7",
|
|
101
|
-
y: "134.7",
|
|
102
|
-
style: {
|
|
103
|
-
fill: '#B3ABA4',
|
|
104
|
-
stroke: '#CDC7C2',
|
|
105
|
-
strokeWidth: 0.5,
|
|
106
|
-
strokeLinecap: 'round',
|
|
107
|
-
strokeLinejoin: 'round',
|
|
108
|
-
strokeMiterlimit: 10
|
|
109
|
-
},
|
|
110
|
-
width: "4.1",
|
|
111
|
-
height: "4.1"
|
|
112
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
113
|
-
style: {
|
|
114
|
-
fill: '#B3ABA4',
|
|
115
|
-
stroke: '#CDC7C2',
|
|
116
|
-
strokeWidth: 0.5,
|
|
117
|
-
strokeLinecap: 'round',
|
|
118
|
-
strokeLinejoin: 'round',
|
|
119
|
-
strokeMiterlimit: 10
|
|
120
|
-
},
|
|
121
|
-
points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 -126.4,152.5 -117.6,152.5 -117.6,149.8 "
|
|
122
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
123
|
-
x: "-125.5",
|
|
124
|
-
y: "134",
|
|
125
|
-
style: {
|
|
126
|
-
fill: '#7FABC6'
|
|
127
|
-
},
|
|
128
|
-
width: "4.1",
|
|
129
|
-
height: "4.1"
|
|
130
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
131
|
-
style: {
|
|
132
|
-
fill: '#7FABC6'
|
|
133
|
-
},
|
|
134
|
-
points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 -127.1,151.9 -118.4,151.9 -118.4,149.1 "
|
|
135
|
-
}));
|
|
136
|
-
};
|
|
137
|
-
|
|
138
|
-
var BlueInfo = function BlueInfo() {
|
|
139
|
-
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
140
|
-
x: "-123.9",
|
|
141
|
-
y: "135.3",
|
|
142
|
-
style: {
|
|
143
|
-
fill: '#D0CAC5',
|
|
144
|
-
stroke: '#E6E3E0',
|
|
145
|
-
strokeWidth: 0.75,
|
|
146
|
-
strokeLinejoin: 'round',
|
|
147
|
-
strokeMiterlimit: 10
|
|
148
|
-
},
|
|
149
|
-
width: "4.1",
|
|
150
|
-
height: "4.1"
|
|
151
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
152
|
-
style: {
|
|
153
|
-
fill: '#D0CAC5',
|
|
154
|
-
stroke: '#E6E3E0',
|
|
155
|
-
strokeWidth: 0.75,
|
|
156
|
-
strokeLinejoin: 'round',
|
|
157
|
-
strokeMiterlimit: 10
|
|
158
|
-
},
|
|
159
|
-
points: "-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 -125.6,153.2 -116.8,153.2 -116.8,150.4 "
|
|
160
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
161
|
-
x: "-124.7",
|
|
162
|
-
y: "134.7",
|
|
163
|
-
style: {
|
|
164
|
-
fill: '#B3ABA4',
|
|
165
|
-
stroke: '#CDC7C2',
|
|
166
|
-
strokeWidth: 0.5,
|
|
167
|
-
strokeLinecap: 'round',
|
|
168
|
-
strokeLinejoin: 'round',
|
|
169
|
-
strokeMiterlimit: 10
|
|
170
|
-
},
|
|
171
|
-
width: "4.1",
|
|
172
|
-
height: "4.1"
|
|
173
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
174
|
-
style: {
|
|
175
|
-
fill: '#B3ABA4',
|
|
176
|
-
stroke: '#CDC7C2',
|
|
177
|
-
strokeWidth: 0.5,
|
|
178
|
-
strokeLinecap: 'round',
|
|
179
|
-
strokeLinejoin: 'round',
|
|
180
|
-
strokeMiterlimit: 10
|
|
181
|
-
},
|
|
182
|
-
points: "-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 -126.4,152.5 -117.6,152.5 -117.6,149.8 "
|
|
183
|
-
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
184
|
-
x: "-125.5",
|
|
185
|
-
y: "134",
|
|
186
|
-
style: {
|
|
187
|
-
fill: '#1A9CFF'
|
|
188
|
-
},
|
|
189
|
-
width: "4.1",
|
|
190
|
-
height: "4.1"
|
|
191
|
-
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
192
|
-
style: {
|
|
193
|
-
fill: '#1A9CFF'
|
|
194
|
-
},
|
|
195
|
-
points: "-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 -127.1,151.9 -118.4,151.9 -118.4,149.1 "
|
|
196
|
-
}));
|
|
197
|
-
};
|
|
198
|
-
|
|
199
|
-
var Instructions = /*#__PURE__*/function (_React$Component) {
|
|
200
|
-
(0, _inherits2["default"])(Instructions, _React$Component);
|
|
201
|
-
|
|
202
|
-
var _super = _createSuper(Instructions);
|
|
203
|
-
|
|
204
|
-
function Instructions(props) {
|
|
205
|
-
(0, _classCallCheck2["default"])(this, Instructions);
|
|
206
|
-
return _super.call(this, props);
|
|
207
|
-
}
|
|
208
|
-
|
|
209
|
-
(0, _createClass2["default"])(Instructions, [{
|
|
210
|
-
key: "render",
|
|
211
|
-
value: function render() {
|
|
212
|
-
if (this.props.open === true) {
|
|
213
|
-
return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(GreyInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
|
|
214
|
-
} else {
|
|
215
|
-
return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(BlueInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
}]);
|
|
219
|
-
return Instructions;
|
|
220
|
-
}(_react["default"].Component);
|
|
221
|
-
|
|
222
|
-
exports["default"] = Instructions;
|
|
223
|
-
Instructions.propTypes = {
|
|
224
|
-
open: _propTypes["default"].bool
|
|
225
|
-
};
|
|
226
|
-
Instructions.defaultProps = {
|
|
227
|
-
open: false
|
|
228
|
-
};
|
|
229
|
-
//# sourceMappingURL=instructions-icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/instructions-icon.jsx"],"names":["Lines","style","fill","stroke","strokeWidth","strokeMiterlimit","Root","children","size","enableBackground","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","number","GreyInfo","strokeLinejoin","strokeLinecap","BlueInfo","Instructions","props","open","React","Component","bool","defaultProps"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport Sized from './sized';\nconst Lines = () => {\n const style = {\n fill: 'none',\n stroke: '#BCE2FF',\n strokeWidth: 2,\n strokeMiterlimit: 10,\n };\n\n return (\n <g>\n <line style={style} x1=\"-98\" y1=\"142\" x2=\"-114.6\" y2=\"142\" />\n <line style={style} x1=\"-98\" y1=\"146.3\" x2=\"-114.6\" y2=\"146.3\" />\n <line style={style} x1=\"-104\" y1=\"150.7\" x2=\"-114.6\" y2=\"150.7\" />\n </g>\n );\n};\n\nconst Root = ({ children, size }) => (\n <Sized size={size}>\n <svg version=\"1.1\" viewBox=\"-128 129 31 31\" style={{ enableBackground: 'new -128 129 31 31' }}>\n {children}\n </svg>\n </Sized>\n);\n\nRoot.propTypes = {\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n size: PropTypes.number,\n};\n\nconst GreyInfo = () => {\n return (\n <g>\n <rect\n x=\"-123.9\"\n y=\"135.3\"\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n width=\"4.1\"\n height=\"4.1\"\n />\n <polygon\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n points=\"-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 \n -125.6,153.2 -116.8,153.2 -116.8,150.4 \"\n />\n <rect\n x=\"-124.7\"\n y=\"134.7\"\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n width=\"4.1\"\n height=\"4.1\"\n />\n\n <polygon\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n points=\"-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 \n -126.4,152.5 -117.6,152.5 -117.6,149.8 \"\n />\n <rect x=\"-125.5\" y=\"134\" style={{ fill: '#7FABC6' }} width=\"4.1\" height=\"4.1\" />\n <polygon\n style={{ fill: '#7FABC6' }}\n points=\"-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 \n -127.1,151.9 -118.4,151.9 -118.4,149.1 \"\n />\n </g>\n );\n};\n\nconst BlueInfo = () => (\n <g>\n <rect\n x=\"-123.9\"\n y=\"135.3\"\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n width=\"4.1\"\n height=\"4.1\"\n />\n <polygon\n style={{\n fill: '#D0CAC5',\n stroke: '#E6E3E0',\n strokeWidth: 0.75,\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n points=\"-119.8,150.4 -119.8,142.2 -125,142.2 -125,144.9 -122.6,144.9 -122.6,150.4 -125.6,150.4 \n -125.6,153.2 -116.8,153.2 -116.8,150.4 \"\n />\n <rect\n x=\"-124.7\"\n y=\"134.7\"\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n width=\"4.1\"\n height=\"4.1\"\n />\n <polygon\n style={{\n fill: '#B3ABA4',\n stroke: '#CDC7C2',\n strokeWidth: 0.5,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n strokeMiterlimit: 10,\n }}\n points=\"-120.6,149.8 -120.6,141.5 -125.8,141.5 -125.8,144.3 -123.3,144.3 -123.3,149.8 -126.4,149.8 \n -126.4,152.5 -117.6,152.5 -117.6,149.8 \"\n />\n <rect x=\"-125.5\" y=\"134\" style={{ fill: '#1A9CFF' }} width=\"4.1\" height=\"4.1\" />\n <polygon\n style={{ fill: '#1A9CFF' }}\n points=\"-121.4,149.1 -121.4,140.9 -126.5,140.9 -126.5,143.6 -124.1,143.6 -124.1,149.1 -127.1,149.1 \n -127.1,151.9 -118.4,151.9 -118.4,149.1 \"\n />\n </g>\n);\n\nexport default class Instructions extends React.Component {\n constructor(props) {\n super(props);\n }\n\n render() {\n if (this.props.open === true) {\n return (\n <Root>\n <GreyInfo />\n <Lines />\n </Root>\n );\n } else {\n return (\n <Root>\n <BlueInfo />\n <Lines />\n </Root>\n );\n }\n }\n}\n\nInstructions.propTypes = {\n open: PropTypes.bool,\n};\n\nInstructions.defaultProps = {\n open: false,\n};\n"],"file":"instructions-icon.js"}
|