@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
package/lib/instructions-icon.js
CHANGED
|
@@ -1,35 +1,31 @@
|
|
|
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 _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _sized = _interopRequireDefault(require("./sized"));
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
21
|
|
|
26
|
-
|
|
22
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
var _sized = _interopRequireDefault(require("./sized"));
|
|
29
25
|
|
|
30
|
-
function
|
|
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); }; }
|
|
31
27
|
|
|
32
|
-
function
|
|
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; } }
|
|
33
29
|
|
|
34
30
|
var Lines = function Lines() {
|
|
35
31
|
var style = {
|
|
@@ -38,19 +34,19 @@ var Lines = function Lines() {
|
|
|
38
34
|
strokeWidth: 2,
|
|
39
35
|
strokeMiterlimit: 10
|
|
40
36
|
};
|
|
41
|
-
return _react["default"].createElement("g", null, _react["default"].createElement("line", {
|
|
37
|
+
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
|
|
42
38
|
style: style,
|
|
43
39
|
x1: "-98",
|
|
44
40
|
y1: "142",
|
|
45
41
|
x2: "-114.6",
|
|
46
42
|
y2: "142"
|
|
47
|
-
}), _react["default"].createElement("line", {
|
|
43
|
+
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
48
44
|
style: style,
|
|
49
45
|
x1: "-98",
|
|
50
46
|
y1: "146.3",
|
|
51
47
|
x2: "-114.6",
|
|
52
48
|
y2: "146.3"
|
|
53
|
-
}), _react["default"].createElement("line", {
|
|
49
|
+
}), /*#__PURE__*/_react["default"].createElement("line", {
|
|
54
50
|
style: style,
|
|
55
51
|
x1: "-104",
|
|
56
52
|
y1: "150.7",
|
|
@@ -62,9 +58,9 @@ var Lines = function Lines() {
|
|
|
62
58
|
var Root = function Root(_ref) {
|
|
63
59
|
var children = _ref.children,
|
|
64
60
|
size = _ref.size;
|
|
65
|
-
return _react["default"].createElement(_sized["default"], {
|
|
61
|
+
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
66
62
|
size: size
|
|
67
|
-
}, _react["default"].createElement("svg", {
|
|
63
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
68
64
|
version: "1.1",
|
|
69
65
|
viewBox: "-128 129 31 31",
|
|
70
66
|
style: {
|
|
@@ -79,7 +75,7 @@ Root.propTypes = {
|
|
|
79
75
|
};
|
|
80
76
|
|
|
81
77
|
var GreyInfo = function GreyInfo() {
|
|
82
|
-
return _react["default"].createElement("g", null, _react["default"].createElement("rect", {
|
|
78
|
+
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
83
79
|
x: "-123.9",
|
|
84
80
|
y: "135.3",
|
|
85
81
|
style: {
|
|
@@ -91,7 +87,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
91
87
|
},
|
|
92
88
|
width: "4.1",
|
|
93
89
|
height: "4.1"
|
|
94
|
-
}), _react["default"].createElement("polygon", {
|
|
90
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
95
91
|
style: {
|
|
96
92
|
fill: '#D0CAC5',
|
|
97
93
|
stroke: '#E6E3E0',
|
|
@@ -100,7 +96,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
100
96
|
strokeMiterlimit: 10
|
|
101
97
|
},
|
|
102
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 "
|
|
103
|
-
}), _react["default"].createElement("rect", {
|
|
99
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
104
100
|
x: "-124.7",
|
|
105
101
|
y: "134.7",
|
|
106
102
|
style: {
|
|
@@ -113,7 +109,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
113
109
|
},
|
|
114
110
|
width: "4.1",
|
|
115
111
|
height: "4.1"
|
|
116
|
-
}), _react["default"].createElement("polygon", {
|
|
112
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
117
113
|
style: {
|
|
118
114
|
fill: '#B3ABA4',
|
|
119
115
|
stroke: '#CDC7C2',
|
|
@@ -123,7 +119,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
123
119
|
strokeMiterlimit: 10
|
|
124
120
|
},
|
|
125
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 "
|
|
126
|
-
}), _react["default"].createElement("rect", {
|
|
122
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
127
123
|
x: "-125.5",
|
|
128
124
|
y: "134",
|
|
129
125
|
style: {
|
|
@@ -131,7 +127,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
131
127
|
},
|
|
132
128
|
width: "4.1",
|
|
133
129
|
height: "4.1"
|
|
134
|
-
}), _react["default"].createElement("polygon", {
|
|
130
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
135
131
|
style: {
|
|
136
132
|
fill: '#7FABC6'
|
|
137
133
|
},
|
|
@@ -140,7 +136,7 @@ var GreyInfo = function GreyInfo() {
|
|
|
140
136
|
};
|
|
141
137
|
|
|
142
138
|
var BlueInfo = function BlueInfo() {
|
|
143
|
-
return _react["default"].createElement("g", null, _react["default"].createElement("rect", {
|
|
139
|
+
return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
|
|
144
140
|
x: "-123.9",
|
|
145
141
|
y: "135.3",
|
|
146
142
|
style: {
|
|
@@ -152,7 +148,7 @@ var BlueInfo = function BlueInfo() {
|
|
|
152
148
|
},
|
|
153
149
|
width: "4.1",
|
|
154
150
|
height: "4.1"
|
|
155
|
-
}), _react["default"].createElement("polygon", {
|
|
151
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
156
152
|
style: {
|
|
157
153
|
fill: '#D0CAC5',
|
|
158
154
|
stroke: '#E6E3E0',
|
|
@@ -161,7 +157,7 @@ var BlueInfo = function BlueInfo() {
|
|
|
161
157
|
strokeMiterlimit: 10
|
|
162
158
|
},
|
|
163
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 "
|
|
164
|
-
}), _react["default"].createElement("rect", {
|
|
160
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
165
161
|
x: "-124.7",
|
|
166
162
|
y: "134.7",
|
|
167
163
|
style: {
|
|
@@ -174,7 +170,7 @@ var BlueInfo = function BlueInfo() {
|
|
|
174
170
|
},
|
|
175
171
|
width: "4.1",
|
|
176
172
|
height: "4.1"
|
|
177
|
-
}), _react["default"].createElement("polygon", {
|
|
173
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
178
174
|
style: {
|
|
179
175
|
fill: '#B3ABA4',
|
|
180
176
|
stroke: '#CDC7C2',
|
|
@@ -184,7 +180,7 @@ var BlueInfo = function BlueInfo() {
|
|
|
184
180
|
strokeMiterlimit: 10
|
|
185
181
|
},
|
|
186
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 "
|
|
187
|
-
}), _react["default"].createElement("rect", {
|
|
183
|
+
}), /*#__PURE__*/_react["default"].createElement("rect", {
|
|
188
184
|
x: "-125.5",
|
|
189
185
|
y: "134",
|
|
190
186
|
style: {
|
|
@@ -192,7 +188,7 @@ var BlueInfo = function BlueInfo() {
|
|
|
192
188
|
},
|
|
193
189
|
width: "4.1",
|
|
194
190
|
height: "4.1"
|
|
195
|
-
}), _react["default"].createElement("polygon", {
|
|
191
|
+
}), /*#__PURE__*/_react["default"].createElement("polygon", {
|
|
196
192
|
style: {
|
|
197
193
|
fill: '#1A9CFF'
|
|
198
194
|
},
|
|
@@ -200,28 +196,26 @@ var BlueInfo = function BlueInfo() {
|
|
|
200
196
|
}));
|
|
201
197
|
};
|
|
202
198
|
|
|
203
|
-
var Instructions =
|
|
204
|
-
|
|
205
|
-
function (_React$Component) {
|
|
206
|
-
_inherits(Instructions, _React$Component);
|
|
199
|
+
var Instructions = /*#__PURE__*/function (_React$Component) {
|
|
200
|
+
(0, _inherits2["default"])(Instructions, _React$Component);
|
|
207
201
|
|
|
208
|
-
|
|
209
|
-
_classCallCheck(this, Instructions);
|
|
202
|
+
var _super = _createSuper(Instructions);
|
|
210
203
|
|
|
211
|
-
|
|
204
|
+
function Instructions(props) {
|
|
205
|
+
(0, _classCallCheck2["default"])(this, Instructions);
|
|
206
|
+
return _super.call(this, props);
|
|
212
207
|
}
|
|
213
208
|
|
|
214
|
-
|
|
209
|
+
(0, _createClass2["default"])(Instructions, [{
|
|
215
210
|
key: "render",
|
|
216
211
|
value: function render() {
|
|
217
212
|
if (this.props.open === true) {
|
|
218
|
-
return _react["default"].createElement(Root, null, _react["default"].createElement(GreyInfo, null), _react["default"].createElement(Lines, null));
|
|
213
|
+
return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(GreyInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
|
|
219
214
|
} else {
|
|
220
|
-
return _react["default"].createElement(Root, null, _react["default"].createElement(BlueInfo, null), _react["default"].createElement(Lines, null));
|
|
215
|
+
return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(BlueInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
|
|
221
216
|
}
|
|
222
217
|
}
|
|
223
218
|
}]);
|
|
224
|
-
|
|
225
219
|
return Instructions;
|
|
226
220
|
}(_react["default"].Component);
|
|
227
221
|
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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"}
|
package/lib/learn-more-icon.js
CHANGED
|
@@ -1,43 +1,39 @@
|
|
|
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"] = exports.LearnMore = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
10
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
9
11
|
|
|
10
|
-
var
|
|
12
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
11
13
|
|
|
12
|
-
var
|
|
14
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
13
15
|
|
|
14
|
-
var
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
17
|
|
|
16
|
-
|
|
18
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
23
|
-
|
|
24
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
25
|
-
|
|
26
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
22
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
23
|
|
|
28
|
-
|
|
24
|
+
var _react = _interopRequireDefault(require("react"));
|
|
29
25
|
|
|
30
|
-
|
|
26
|
+
var _styles = require("@material-ui/core/styles");
|
|
31
27
|
|
|
32
|
-
|
|
28
|
+
var _sized = _interopRequireDefault(require("./sized"));
|
|
33
29
|
|
|
34
|
-
function
|
|
30
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
31
|
|
|
36
|
-
function
|
|
32
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
33
|
|
|
38
34
|
var Glint = function Glint(_ref) {
|
|
39
35
|
var fill = _ref.fill;
|
|
40
|
-
return _react["default"].createElement("path", {
|
|
36
|
+
return /*#__PURE__*/_react["default"].createElement("path", {
|
|
41
37
|
fill: fill,
|
|
42
38
|
d: "M-130.4,142.1c0-2.1,1.7-3.9,3.9-3.9c0.3,0,0.5,0,0.8,0.1c-0.6-0.8-1.5-1.3-2.6-1.3c-1.8,0-3.3,1.5-3.3,3.3c0,1.1,0.5,2,1.3,2.6C-130.4,142.6-130.4,142.4-130.4,142.1z"
|
|
43
39
|
});
|
|
@@ -47,18 +43,17 @@ Glint.propTypes = {
|
|
|
47
43
|
fill: _propTypes["default"].string
|
|
48
44
|
};
|
|
49
45
|
|
|
50
|
-
var LearnMore =
|
|
51
|
-
|
|
52
|
-
function (_React$Component) {
|
|
53
|
-
_inherits(LearnMore, _React$Component);
|
|
46
|
+
var LearnMore = /*#__PURE__*/function (_React$Component) {
|
|
47
|
+
(0, _inherits2["default"])(LearnMore, _React$Component);
|
|
54
48
|
|
|
55
|
-
|
|
56
|
-
_classCallCheck(this, LearnMore);
|
|
49
|
+
var _super = _createSuper(LearnMore);
|
|
57
50
|
|
|
58
|
-
|
|
51
|
+
function LearnMore() {
|
|
52
|
+
(0, _classCallCheck2["default"])(this, LearnMore);
|
|
53
|
+
return _super.apply(this, arguments);
|
|
59
54
|
}
|
|
60
55
|
|
|
61
|
-
|
|
56
|
+
(0, _createClass2["default"])(LearnMore, [{
|
|
62
57
|
key: "render",
|
|
63
58
|
value: function render() {
|
|
64
59
|
var _this$props = this.props,
|
|
@@ -66,69 +61,66 @@ function (_React$Component) {
|
|
|
66
61
|
size = _this$props.size;
|
|
67
62
|
|
|
68
63
|
if (this.props.open === true) {
|
|
69
|
-
return _react["default"].createElement(_sized["default"], {
|
|
64
|
+
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
70
65
|
size: size
|
|
71
|
-
}, _react["default"].createElement("svg", {
|
|
66
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
72
67
|
preserveAspectRatio: "xMinYMin meet",
|
|
73
68
|
viewBox: "-135 129 16 32"
|
|
74
|
-
}, _react["default"].createElement("path", {
|
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
75
70
|
className: classes.hideBg,
|
|
76
71
|
d: "M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z"
|
|
77
|
-
}), _react["default"].createElement("path", {
|
|
72
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
78
73
|
className: classes.hideBg,
|
|
79
74
|
d: "M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z"
|
|
80
|
-
}), _react["default"].createElement(Glint, {
|
|
75
|
+
}), /*#__PURE__*/_react["default"].createElement(Glint, {
|
|
81
76
|
fill: classes.hideFg.fill
|
|
82
77
|
})));
|
|
83
78
|
} else {
|
|
84
|
-
return _react["default"].createElement(_sized["default"], {
|
|
79
|
+
return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
|
|
85
80
|
size: size
|
|
86
|
-
}, _react["default"].createElement("svg", {
|
|
81
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
87
82
|
preserveAspectRatio: "xMinYMin meet",
|
|
88
83
|
viewBox: "-135 129 16 31"
|
|
89
|
-
}, _react["default"].createElement("path", {
|
|
84
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
90
85
|
fill: "#D0CAC5",
|
|
91
86
|
stroke: "#E6E3E0",
|
|
92
87
|
className: "st0",
|
|
93
88
|
d: "M-120.7,142.4c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-121.6,146-120.7,144.3-120.7,142.4z"
|
|
94
|
-
}), _react["default"].createElement("path", {
|
|
89
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
95
90
|
fill: "#D0CAC5",
|
|
96
91
|
stroke: "#E6E3E0",
|
|
97
92
|
className: "st0",
|
|
98
93
|
d: "M-124.4,154.3h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-123.6,153.9-123.9,154.3-124.4,154.3z"
|
|
99
|
-
}), _react["default"].createElement("path", {
|
|
94
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
100
95
|
fill: "#B3ABA4",
|
|
101
96
|
stroke: "#CDC7C2",
|
|
102
97
|
className: "st1",
|
|
103
98
|
d: "M-121.3,141.8c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.2,145.3-121.3,143.7-121.3,141.8z"
|
|
104
|
-
}), ",", _react["default"].createElement("path", {
|
|
99
|
+
}), ",", /*#__PURE__*/_react["default"].createElement("path", {
|
|
105
100
|
fill: "#B3ABA4",
|
|
106
101
|
stroke: "#CDC7C2",
|
|
107
102
|
className: "st1",
|
|
108
103
|
d: "M-125,153.7h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.2,153.3-124.6,153.7-125,153.7z"
|
|
109
|
-
}), _react["default"].createElement("path", {
|
|
104
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
110
105
|
className: classes.showBg,
|
|
111
106
|
d: "M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z"
|
|
112
|
-
}), _react["default"].createElement("path", {
|
|
107
|
+
}), /*#__PURE__*/_react["default"].createElement("path", {
|
|
113
108
|
className: classes.showBg,
|
|
114
109
|
d: "M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z"
|
|
115
|
-
}), _react["default"].createElement(Glint, {
|
|
110
|
+
}), /*#__PURE__*/_react["default"].createElement(Glint, {
|
|
116
111
|
fill: classes.hideFg.fill
|
|
117
112
|
})));
|
|
118
113
|
}
|
|
119
114
|
}
|
|
120
115
|
}]);
|
|
121
|
-
|
|
122
116
|
return LearnMore;
|
|
123
117
|
}(_react["default"].Component);
|
|
124
118
|
|
|
125
119
|
exports.LearnMore = LearnMore;
|
|
126
|
-
|
|
127
|
-
_defineProperty(LearnMore, "propTypes", {
|
|
120
|
+
(0, _defineProperty2["default"])(LearnMore, "propTypes", {
|
|
128
121
|
classes: _propTypes["default"].object.isRequired,
|
|
129
122
|
size: _propTypes["default"].number
|
|
130
123
|
});
|
|
131
|
-
|
|
132
124
|
var styles = {
|
|
133
125
|
showBg: {
|
|
134
126
|
fill: '#1a9cff'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/learn-more-icon.jsx"],"names":["Glint","fill","propTypes","PropTypes","string","LearnMore","props","classes","size","open","hideBg","hideFg","showBg","React","Component","object","isRequired","number","styles","bool","defaultProps"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/learn-more-icon.jsx"],"names":["Glint","fill","propTypes","PropTypes","string","LearnMore","props","classes","size","open","hideBg","hideFg","showBg","React","Component","object","isRequired","number","styles","bool","defaultProps"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport Sized from './sized';\n\nconst Glint = ({ fill }) => (\n <path\n fill={fill}\n d=\"M-130.4,142.1c0-2.1,1.7-3.9,3.9-3.9c0.3,0,0.5,0,0.8,0.1c-0.6-0.8-1.5-1.3-2.6-1.3c-1.8,0-3.3,1.5-3.3,3.3c0,1.1,0.5,2,1.3,2.6C-130.4,142.6-130.4,142.4-130.4,142.1z\"\n />\n);\n\nGlint.propTypes = {\n fill: PropTypes.string,\n};\n\nexport class LearnMore extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n size: PropTypes.number,\n };\n\n render() {\n const { classes, size } = this.props;\n\n if (this.props.open === true) {\n return (\n <Sized size={size}>\n <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-135 129 16 32\">\n <path\n className={classes.hideBg}\n d=\"M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z\"\n />\n <path\n className={classes.hideBg}\n d=\"M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z\"\n />\n <Glint fill={classes.hideFg.fill} />\n </svg>\n </Sized>\n );\n } else {\n return (\n <Sized size={size}>\n <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-135 129 16 31\">\n <path\n fill=\"#D0CAC5\"\n stroke=\"#E6E3E0\"\n className=\"st0\"\n d=\"M-120.7,142.4c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-121.6,146-120.7,144.3-120.7,142.4z\"\n />\n <path\n fill=\"#D0CAC5\"\n stroke=\"#E6E3E0\"\n className=\"st0\"\n d=\"M-124.4,154.3h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-123.6,153.9-123.9,154.3-124.4,154.3z\"\n />\n <path\n fill=\"#B3ABA4\"\n stroke=\"#CDC7C2\"\n className=\"st1\"\n d=\"M-121.3,141.8c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.2,145.3-121.3,143.7-121.3,141.8z\"\n />\n ,\n <path\n fill=\"#B3ABA4\"\n stroke=\"#CDC7C2\"\n className=\"st1\"\n d=\"M-125,153.7h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.2,153.3-124.6,153.7-125,153.7z\"\n />\n <path\n className={classes.showBg}\n d=\"M-122,141.1c0-3.7-3.3-6.6-7.1-5.8c-2.4,0.5-4.3,2.4-4.7,4.8c-0.4,2.3,0.6,4.4,2.2,5.7c0.4,0.3,0.6,0.8,0.6,1.3v1.9h6.1v-1.9c0-0.5,0.2-1,0.6-1.3C-122.8,144.7-122,143-122,141.1z\"\n />\n <path\n className={classes.showBg}\n d=\"M-125.7,153h-4.5c-0.4,0-0.8-0.4-0.8-0.8v-1.6h6.1v1.6C-124.9,152.7-125.2,153-125.7,153z\"\n />\n <Glint fill={classes.hideFg.fill} />\n </svg>\n </Sized>\n );\n }\n }\n}\n\nconst styles = {\n showBg: {\n fill: '#1a9cff',\n },\n hideFg: {\n fill: '#1a9cff',\n },\n hideBg: {\n fill: '#bce2ff',\n },\n};\n\nLearnMore.propTypes = {\n open: PropTypes.bool,\n};\n\nLearnMore.defaultProps = {\n open: false,\n};\n\nexport default withStyles(styles)(LearnMore);\n"],"file":"learn-more-icon.js"}
|