@pie-lib/icons 2.5.1-beta.0 → 2.7.0

package/lib/correct-response-icon.js

@@ -0,0 +1,153 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
+
+var OpenIcon = function OpenIcon(_ref) {
+  var bg = _ref.bg,
+      fg = _ref.fg;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    version: "1.1",
+    id: "Layer_1",
+    x: "0px",
+    y: "0px",
+    viewBox: "-283 359 34 35",
+    style: {
+      enableBackground: 'new -283 359 34 35'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    className: bg,
+    cx: "-266",
+    cy: "375.9",
+    r: "14"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: bg,
+    d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    className: fg,
+    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         "
+  }));
+};
+
+OpenIcon.propTypes = {
+  bg: _propTypes["default"].string,
+  fg: _propTypes["default"].string
+};
+
+var CloseIcon = function CloseIcon(_ref2) {
+  var bg = _ref2.bg,
+      fg = _ref2.fg,
+      border = _ref2.border;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    version: "1.1",
+    x: "0px",
+    y: "0px",
+    viewBox: "-129.5 127 34 35",
+    style: {
+      enableBackground: 'new -129.5 127 34 35'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeMiterlimit: 10
+    },
+    d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeMiterlimit: 10
+    },
+    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"
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: bg,
+    cx: "-114.2",
+    cy: "143.5",
+    r: "14"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: border,
+    d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z"
+  }), /*#__PURE__*/_react["default"].createElement("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"
+  }));
+};
+
+CloseIcon.propTypes = {
+  bg: _propTypes["default"].string,
+  fg: _propTypes["default"].string,
+  border: _propTypes["default"].string
+};
+var styles = {
+  root: {
+    width: function width(props) {
+      return props.size || '25px';
+    },
+    height: function height(props) {
+      return props.size || '25px';
+    }
+  },
+  hideIconBg: {
+    fill: '#bce2ff'
+  },
+  hideIconFg: {
+    fill: '#1a9cff'
+  },
+  showIconBg: {
+    fill: 'white'
+  },
+  showIconFg: {
+    fill: '#1a9cff'
+  },
+  showIconBorder: {
+    fill: '#bce2ff'
+  }
+};
+
+var CorrectResponse = function CorrectResponse(_ref3) {
+  var open = _ref3.open,
+      classes = _ref3.classes,
+      className = _ref3.className;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(className, classes.root)
+  }, open ? /*#__PURE__*/_react["default"].createElement(OpenIcon, {
+    bg: classes.hideIconBg,
+    fg: classes.hideIconFg
+  }) : /*#__PURE__*/_react["default"].createElement(CloseIcon, {
+    bg: classes.showIconBg,
+    border: classes.showIconBorder,
+    fg: classes.showIconFg
+  }));
+};
+
+CorrectResponse.propTypes = {
+  classes: _propTypes["default"].object.isRequired,
+  open: _propTypes["default"].bool,
+  size: _propTypes["default"].string,
+  className: _propTypes["default"].string
+};
+CorrectResponse.defaultProps = {
+  open: false
+};
+
+var _default = (0, _styles.withStyles)(styles)(CorrectResponse);
+
+exports["default"] = _default;
+//# sourceMappingURL=correct-response-icon.js.map

package/lib/correct-response-icon.js.map

@@ -0,0 +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":"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","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

@@ -0,0 +1,206 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _iconRoot = require("./icon-root");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+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); }; }
+
+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; } }
+
+var _default = function _default(Action, Emoji) {
+  var IconBase = /*#__PURE__*/function (_React$Component) {
+    (0, _inherits2["default"])(IconBase, _React$Component);
+
+    var _super = _createSuper(IconBase);
+
+    function IconBase(props) {
+      var _this;
+
+      (0, _classCallCheck2["default"])(this, IconBase);
+      _this = _super.call(this, props);
+      var _this$props = _this.props,
+          classes = _this$props.classes,
+          size = _this$props.size;
+      _this.icons = {
+        feedback: {
+          round: {
+            check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
+              className: classes.bg
+            }), /*#__PURE__*/_react["default"].createElement(Action, {
+              className: classes.fg
+            })),
+            emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
+              className: classes.bg
+            }), /*#__PURE__*/_react["default"].createElement(Emoji, {
+              className: classes.fg
+            })),
+            open: {
+              check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+                size: size
+              }, /*#__PURE__*/_react["default"].createElement(Action, {
+                className: classes.bg
+              })),
+              emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+                size: size
+              }, /*#__PURE__*/_react["default"].createElement(Emoji, {
+                className: classes.bg
+              }))
+            }
+          },
+          square: {
+            check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
+              className: classes.bg
+            }), /*#__PURE__*/_react["default"].createElement(Action, {
+              className: classes.fg
+            })),
+            emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
+              className: classes.bg
+            }), /*#__PURE__*/_react["default"].createElement(Emoji, {
+              className: classes.fg
+            })),
+            open: {
+              check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+                size: size
+              }, /*#__PURE__*/_react["default"].createElement(Action, {
+                className: classes.bg
+              })),
+              emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+                size: size
+              }, /*#__PURE__*/_react["default"].createElement(Emoji, {
+                className: classes.bg
+              }))
+            }
+          }
+        },
+        round: {
+          check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+            size: size
+          }, /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
+            className: classes.bg
+          }), /*#__PURE__*/_react["default"].createElement(Action, {
+            className: classes.fg
+          })),
+          emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+            size: size
+          }, /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
+            className: classes.bg
+          }), /*#__PURE__*/_react["default"].createElement(Emoji, {
+            className: classes.fg
+          })),
+          open: {
+            check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(Action, {
+              className: classes.bg
+            })),
+            emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(Emoji, {
+              className: classes.bg
+            }))
+          }
+        },
+        square: {
+          check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+            size: size
+          }, /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
+            className: classes.bg
+          }), /*#__PURE__*/_react["default"].createElement(Action, {
+            className: classes.fg
+          })),
+          emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+            size: size
+          }, /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
+            className: classes.bg
+          }), /*#__PURE__*/_react["default"].createElement(Emoji, {
+            className: classes.fg
+          })),
+          open: {
+            check: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(Action, {
+              className: classes.bg
+            })),
+            emoji: /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+              size: size
+            }, /*#__PURE__*/_react["default"].createElement(Emoji, {
+              className: classes.bg
+            }))
+          }
+        }
+      };
+      return _this;
+    }
+
+    (0, _createClass2["default"])(IconBase, [{
+      key: "render",
+      value: function render() {
+        if (this.props.category === undefined) {
+          if (this.props.open === true) {
+            return this.icons[this.props.shape].open[this.props.iconSet];
+          } else {
+            return this.icons[this.props.shape][this.props.iconSet];
+          }
+        } else {
+          if (this.props.open === true) {
+            return this.icons.feedback[this.props.shape].open[this.props.iconSet];
+          } else {
+            return this.icons.feedback[this.props.shape][this.props.iconSet];
+          }
+        }
+      }
+    }]);
+    return IconBase;
+  }(_react["default"].Component);
+
+  (0, _defineProperty2["default"])(IconBase, "propTypes", {
+    classes: _propTypes["default"].object.isRequired,
+    size: _propTypes["default"].number
+  });
+  IconBase.propTypes = {
+    iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+    shape: _propTypes["default"].oneOf(['round', 'square']),
+    category: _propTypes["default"].oneOf(['feedback', undefined]),
+    open: _propTypes["default"].bool
+  };
+  IconBase.defaultProps = {
+    iconSet: 'check',
+    shape: 'round',
+    category: undefined,
+    open: false
+  };
+  return IconBase;
+};
+
+exports["default"] = _default;
+//# sourceMappingURL=icon-base.js.map

package/lib/icon-base.js.map

@@ -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":"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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

@@ -0,0 +1,130 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeSize = exports.getStyles = exports.Tick = exports.SquareFeedbackBox = exports.Square = exports.RoundFeedbackBox = exports.IconRoot = exports.Circle = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _sized = _interopRequireDefault(require("./sized"));
+
+var normalizeSize = function normalizeSize(size) {
+  return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
+};
+
+exports.normalizeSize = normalizeSize;
+
+var IconRoot = function IconRoot(_ref) {
+  var size = _ref.size,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
+    size: size
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    version: "1.1",
+    x: "0px",
+    y: "0px",
+    viewBox: "0 0 44 40",
+    style: {
+      enableBackground: 'new 0 0 44 40'
+    }
+  }, ' ', children));
+};
+
+exports.IconRoot = IconRoot;
+IconRoot.propTypes = {
+  size: _propTypes["default"].oneOf([_propTypes["default"].string, _propTypes["default"].number]),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+
+var getStyles = function getStyles(name, fg, bg) {
+  return {
+    bg: {
+      fill: "var(--icons-".concat(name, "-bg, ").concat(bg, ")")
+    },
+    fg: {
+      fill: "var(--icons-".concat(name, "-fg, ").concat(fg, ")")
+    }
+  };
+};
+
+exports.getStyles = getStyles;
+
+var Tick = function Tick(_ref2) {
+  var className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement("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"
+  });
+};
+
+exports.Tick = Tick;
+Tick.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var SquareFeedbackBox = function SquareFeedbackBox(_ref3) {
+  var className = _ref3.className;
+  return /*#__PURE__*/_react["default"].createElement("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"
+  });
+};
+
+exports.SquareFeedbackBox = SquareFeedbackBox;
+SquareFeedbackBox.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var RoundFeedbackBox = function RoundFeedbackBox(_ref4) {
+  var className = _ref4.className;
+  return /*#__PURE__*/_react["default"].createElement("path", {
+    transform: "translate(1, 0)",
+    className: className,
+    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"
+  });
+};
+
+exports.RoundFeedbackBox = RoundFeedbackBox;
+RoundFeedbackBox.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var Circle = function Circle(_ref5) {
+  var className = _ref5.className;
+  return /*#__PURE__*/_react["default"].createElement("circle", {
+    transform: "translate(-3, 0)",
+    className: className,
+    cx: "23",
+    cy: "20.4",
+    r: "16"
+  });
+};
+
+exports.Circle = Circle;
+Circle.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var Square = function Square(_ref6) {
+  var className = _ref6.className;
+  return /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "3.6",
+    y: "4.1",
+    className: className,
+    width: "32",
+    height: "32"
+  });
+};
+
+exports.Square = Square;
+Square.propTypes = {
+  className: _propTypes["default"].string
+};
+//# sourceMappingURL=icon-root.js.map

package/lib/icon-root.js.map

@@ -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

@@ -0,0 +1,92 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Incorrect = void 0;
+
+var _iconBase = _interopRequireDefault(require("./icon-base"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _iconRoot = require("./icon-root");
+
+var _styles = require("@material-ui/core/styles");
+
+var Ex = function Ex(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(0.5, 0.5)'
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "11",
+    y: "17.3",
+    transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
+    className: className,
+    width: "16.6",
+    height: "3.7"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "17.4",
+    y: "10.7",
+    transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
+    className: className,
+    width: "3.7",
+    height: "16.6"
+  }));
+};
+
+Ex.propTypes = {
+  className: _propTypes["default"].string
+};
+
+var Emoji = function Emoji(_ref2) {
+  var className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(1,0)'
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "21",
+    y: "12.9",
+    className: className,
+    width: "3.7",
+    height: "4.7"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.7",
+    y: "12.9",
+    className: className,
+    width: "3.7",
+    height: "4.7"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.2",
+    y: "22.5",
+    className: className,
+    width: "13",
+    height: "3.3"
+  }));
+};
+
+Emoji.propTypes = {
+  className: _propTypes["default"].string
+};
+var styles = (0, _iconRoot.getStyles)('incorrect', '#fbf2e3', '#fcb733');
+var Incorrect = (0, _iconBase["default"])(Ex, Emoji);
+exports.Incorrect = Incorrect;
+
+var _default = (0, _styles.withStyles)(styles)(Incorrect);
+
+exports["default"] = _default;
+Incorrect.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  shape: _propTypes["default"].oneOf(['round', 'square']),
+  category: _propTypes["default"].oneOf(['feedback', undefined]),
+  open: _propTypes["default"].bool
+};
+Incorrect.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false
+};
+//# sourceMappingURL=incorrect-icon.js.map

package/lib/incorrect-icon.js.map

@@ -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"}