@pie-element/ebsr 11.0.0 → 12.0.1-esmbeta.1

package/configure/node_modules/@pie-lib/icons/lib/show-rationale-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/show-rationale-icon.jsx"],"names":["Info","fg","propTypes","PropTypes","string","Border","className","Circle","fill","stroke","strokeWidth","strokeMiterlimit","Root","children","size","style","height","width","display","position","oneOfType","arrayOf","node","isRequired","number","styles","bg","border","whiteBorder","ShowRationale","props","classes","info","icons","check","emoji","open","iconSet","React","Component","object","oneOf","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGC,EAAH,QAAGA,EAAH;AAAA,sBACX,wDACE;AAAM,IAAA,CAAC,EAAC,MAAR;AAAe,IAAA,CAAC,EAAC,OAAjB;AAAyB,IAAA,SAAS,EAAEA,EAApC;AAAwC,IAAA,KAAK,EAAC,GAA9C;AAAkD,IAAA,MAAM,EAAC;AAAzD,IADF,eAEE;AACE,IAAA,SAAS,EAAEA,EADb;AAEE,IAAA,MAAM,EAAC;AAFT,IAFF,CADW;AAAA,CAAb;;AAUAD,IAAI,CAACE,SAAL,GAAiB;AACfD,EAAAA,EAAE,EAAEE,sBAAUC;AADC,CAAjB;;AAIA,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,sBACb;AACE,IAAA,SAAS,EAAEA,SADb;AAEE,IAAA,CAAC,EAAC;AAFJ,IADa;AAAA,CAAf;;AAMAD,MAAM,CAACH,SAAP,GAAmB;AACjBI,EAAAA,SAAS,EAAEH,sBAAUC;AADJ,CAAnB;;AAGA,IAAMG,MAAM,GAAG,SAATA,MAAS;AAAA,sBACb,wDACE;AACE,IAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE,SADD;AAELC,MAAAA,MAAM,EAAE,SAFH;AAGLC,MAAAA,WAAW,EAAE,IAHR;AAILC,MAAAA,gBAAgB,EAAE;AAJb,KADT;AAOE,IAAA,CAAC,EAAC;AAPJ,IADF,eAUE;AACE,IAAA,KAAK,EAAE;AACLH,MAAAA,IAAI,EAAE,SADD;AAELC,MAAAA,MAAM,EAAE,SAFH;AAGLC,MAAAA,WAAW,EAAE,GAHR;AAILC,MAAAA,gBAAgB,EAAE;AAJb,KADT;AAOE,IAAA,CAAC,EAAC;AAPJ,IAVF,eAmBE;AAAQ,IAAA,KAAK,EAAE;AAAEH,MAAAA,IAAI,EAAE;AAAR,KAAf;AAAoC,IAAA,EAAE,EAAC,MAAvC;AAA8C,IAAA,EAAE,EAAC,KAAjD;AAAuD,IAAA,CAAC,EAAC;AAAzD,IAnBF,CADa;AAAA,CAAf;;AAwBA,IAAMI,IAAI,GAAG,SAAPA,IAAO,QAAwB;AAAA,MAArBC,QAAqB,SAArBA,QAAqB;AAAA,MAAXC,IAAW,SAAXA,IAAW;AACnCA,EAAAA,IAAI,GAAG,0BAAcA,IAAd,CAAP;AACA,MAAMC,KAAK,GAAG;AACZC,IAAAA,MAAM,EAAEF,IADI;AAEZG,IAAAA,KAAK,EAAEH,IAFK;AAGZI,IAAAA,OAAO,EAAE,cAHG;AAIZC,IAAAA,QAAQ,EAAE;AAJE,GAAd;AAOA,sBACE;AAAK,IAAA,KAAK,EAAEJ;AAAZ,kBACE;AAAK,IAAA,mBAAmB,EAAC,eAAzB;AAAyC,IAAA,OAAO,EAAC;AAAjD,KACGF,QADH,CADF,CADF;AAOD,CAhBD;;AAiBAD,IAAI,CAACV,SAAL,GAAiB;AACfW,EAAAA,QAAQ,EAAEV,sBAAUiB,SAAV,CAAoB,CAACjB,sBAAUkB,OAAV,CAAkBlB,sBAAUmB,IAA5B,CAAD,EAAoCnB,sBAAUmB,IAA9C,CAApB,EAAyEC,UADpE;AAEfT,EAAAA,IAAI,EAAEX,sBAAUqB;AAFD,CAAjB;AAKA,IAAMC,MAAM,GAAG;AACbxB,EAAAA,EAAE,EAAE;AACFO,IAAAA,IAAI,EAAE;AADJ,GADS;AAIbkB,EAAAA,EAAE,EAAE;AACFlB,IAAAA,IAAI,EAAE;AADJ,GAJS;AAObmB,EAAAA,MAAM,EAAE;AACNnB,IAAAA,IAAI,EAAE;AADA,GAPK;AAUboB,EAAAA,WAAW,EAAE;AACXpB,IAAAA,IAAI,EAAE;AADK;AAVA,CAAf;;IAeaqB,a;;;;;AAKX,yBAAYC,KAAZ,EAAmB;AAAA;AAAA,6BACXA,KADW;AAElB;;;;WAED,kBAAS;AACP,UAAQC,OAAR,GAAoB,KAAKD,KAAzB,CAAQC,OAAR;;AAEA,UAAMC,IAAI,gBAAG,gCAAC,IAAD;AAAM,QAAA,EAAE,EAAED,OAAO,CAAC9B;AAAlB,QAAb;;AACA,UAAMgC,KAAK,GAAG;AACZC,QAAAA,KAAK,eACH,gCAAC,IAAD,qBACE,gCAAC,MAAD,OADF,EAEGF,IAFH,eAGE,gCAAC,MAAD;AAAQ,UAAA,SAAS,EAAED,OAAO,CAACJ;AAA3B,UAHF,CAFU;AAQZQ,QAAAA,KAAK,eACH,gCAAC,IAAD,qBACE,gCAAC,MAAD,OADF,EAEGH,IAFH,eAGE,gCAAC,MAAD;AAAQ,UAAA,SAAS,EAAED,OAAO,CAACJ;AAA3B,UAHF,CATU;AAeZS,QAAAA,IAAI,EAAE;AACJF,UAAAA,KAAK,eACH,gCAAC,IAAD,qBACE;AAAQ,YAAA,KAAK,EAAE;AAAE1B,cAAAA,IAAI,EAAE;AAAR,aAAf;AAAoC,YAAA,EAAE,EAAC,MAAvC;AAA8C,YAAA,EAAE,EAAC,KAAjD;AAAuD,YAAA,CAAC,EAAC;AAAzD,YADF,eAEE,gCAAC,IAAD;AAAM,YAAA,EAAE,EAAEuB,OAAO,CAACL,EAAlB;AAAsB,YAAA,MAAM,EAAEK,OAAO,CAACH;AAAtC,YAFF,CAFE;AAOJO,UAAAA,KAAK,eACH,gCAAC,IAAD,qBACE;AAAQ,YAAA,KAAK,EAAE;AAAE3B,cAAAA,IAAI,EAAE;AAAR,aAAf;AAAoC,YAAA,EAAE,EAAC,MAAvC;AAA8C,YAAA,EAAE,EAAC,KAAjD;AAAuD,YAAA,CAAC,EAAC;AAAzD,YADF,eAEE,gCAAC,IAAD;AAAM,YAAA,EAAE,EAAEuB,OAAO,CAACL,EAAlB;AAAsB,YAAA,MAAM,EAAEK,OAAO,CAACJ;AAAtC,YAFF;AARE;AAfM,OAAd;;AA+BA,UAAI,KAAKG,KAAL,CAAWM,IAAX,KAAoB,IAAxB,EAA8B;AAC5B,eAAOH,KAAK,CAACG,IAAN,CAAW,KAAKN,KAAL,CAAWO,OAAtB,CAAP;AACD,OAFD,MAEO;AACL,eAAOJ,KAAK,CAAC,KAAKH,KAAL,CAAWO,OAAZ,CAAZ;AACD;AACF;;;EAjDgCC,kBAAMC,S;;;iCAA5BV,a,eACQ;AACjBE,EAAAA,OAAO,EAAE5B,sBAAUqC,MAAV,CAAiBjB;AADT,C;AAmDrBM,aAAa,CAAC3B,SAAd,GAA0B;AACxBmC,EAAAA,OAAO,EAAElC,sBAAUsC,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADe;AAExBL,EAAAA,IAAI,EAAEjC,sBAAUuC;AAFQ,CAA1B;AAKAb,aAAa,CAACc,YAAd,GAA6B;AAC3BN,EAAAA,OAAO,EAAE,OADkB;AAE3BD,EAAAA,IAAI,EAAE;AAFqB,CAA7B;;eAKe,wBAAWX,MAAX,EAAmBI,aAAnB,C","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { normalizeSize } from './sized';\n\nconst Info = ({ fg }) => (\n  <g>\n    <rect x=\"-115\" y=\"136.7\" className={fg} width=\"3\" height=\"3\" />\n    <polygon\n      className={fg}\n      points=\"-112,147.7 -112,141.7 -115.8,141.7 -115.8,143.7 -114,143.7 -114,147.7 -116.2,147.7 -116.2,149.7 -109.8,149.7 -109.8,147.7\"\n    />\n  </g>\n);\n\nInfo.propTypes = {\n  fg: PropTypes.string,\n};\n\nconst Border = ({ className }) => (\n  <path\n    className={className}\n    d=\"M-113,158.5c-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,158.5-113,158.5zM-113,130.5c-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-105.6,130.5-113,130.5z\"\n  />\n);\nBorder.propTypes = {\n  className: PropTypes.string,\n};\nconst Circle = () => (\n  <g>\n    <path\n      style={{\n        fill: '#D0CAC5',\n        stroke: '#E6E3E0',\n        strokeWidth: 0.75,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-111.7,160.9c-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.5C-96.2,154-103.1,160.9-111.7,160.9z\"\n    />\n    <path\n      style={{\n        fill: '#B3ABA4',\n        stroke: '#CDC7C2',\n        strokeWidth: 0.5,\n        strokeMiterlimit: 10,\n      }}\n      d=\"M-112,159.5c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-104,159.5-112,159.5z\"\n    />\n    <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n  </g>\n);\n\nconst Root = ({ children, size }) => {\n  size = normalizeSize(size);\n  const style = {\n    height: size,\n    width: size,\n    display: 'inline-block',\n    position: 'relative',\n  };\n\n  return (\n    <div style={style}>\n      <svg preserveAspectRatio=\"xMinYMin meet\" viewBox=\"-129 128 34 34\">\n        {children}\n      </svg>\n    </div>\n  );\n};\nRoot.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  size: PropTypes.number,\n};\n\nconst styles = {\n  fg: {\n    fill: '#1a9cff',\n  },\n  bg: {\n    fill: '#bce2ff',\n  },\n  border: {\n    fill: '#bbe3fd',\n  },\n  whiteBorder: {\n    fill: 'white',\n  },\n};\n\nexport class ShowRationale extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n  };\n\n  constructor(props) {\n    super(props);\n  }\n\n  render() {\n    const { classes } = this.props;\n\n    const info = <Info fg={classes.fg} />;\n    const icons = {\n      check: (\n        <Root>\n          <Circle />\n          {info}\n          <Border className={classes.border} />\n        </Root>\n      ),\n      emoji: (\n        <Root>\n          <Circle />\n          {info}\n          <Border className={classes.border} />\n        </Root>\n      ),\n      open: {\n        check: (\n          <Root>\n            <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n            <Info fg={classes.bg} border={classes.whiteBorder} />\n          </Root>\n        ),\n        emoji: (\n          <Root>\n            <circle style={{ fill: '#FFFFFF' }} cx=\"-113\" cy=\"144\" r=\"14\" />\n            <Info fg={classes.bg} border={classes.border} />\n          </Root>\n        ),\n      },\n    };\n\n    if (this.props.open === true) {\n      return icons.open[this.props.iconSet];\n    } else {\n      return icons[this.props.iconSet];\n    }\n  }\n}\n\nShowRationale.propTypes = {\n  iconSet: PropTypes.oneOf(['emoji', 'check']),\n  open: PropTypes.bool,\n};\n\nShowRationale.defaultProps = {\n  iconSet: 'check',\n  open: false,\n};\n\nexport default withStyles(styles)(ShowRationale);\n"],"file":"show-rationale-icon.js"}

package/configure/node_modules/@pie-lib/icons/lib/sized.js

@@ -0,0 +1,41 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeSize = exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var normalizeSize = function normalizeSize(size) {
+  return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
+};
+
+exports.normalizeSize = normalizeSize;
+
+var Sized = function Sized(_ref) {
+  var size = _ref.size,
+      children = _ref.children;
+  size = normalizeSize(size);
+  var style = {
+    height: size,
+    width: size,
+    display: 'inline-block',
+    position: 'relative'
+  };
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    style: style
+  }, children);
+};
+
+Sized.propTypes = {
+  size: _propTypes["default"].number,
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
+};
+var _default = Sized;
+exports["default"] = _default;
+//# sourceMappingURL=sized.js.map

package/configure/node_modules/@pie-lib/icons/lib/sized.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sized.jsx"],"names":["normalizeSize","size","Sized","children","style","height","width","display","position","propTypes","PropTypes","number","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AACrC,SAAO,OAAOA,IAAP,KAAgB,QAAhB,GAA2BA,IAA3B,GAAkC,OAAOA,IAAP,KAAgB,QAAhB,aAA8BA,IAA9B,UAAyC,MAAlF;AACD,CAFM;;;;AAIP,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAwB;AAAA,MAArBD,IAAqB,QAArBA,IAAqB;AAAA,MAAfE,QAAe,QAAfA,QAAe;AACpCF,EAAAA,IAAI,GAAGD,aAAa,CAACC,IAAD,CAApB;AAEA,MAAMG,KAAK,GAAG;AACZC,IAAAA,MAAM,EAAEJ,IADI;AAEZK,IAAAA,KAAK,EAAEL,IAFK;AAGZM,IAAAA,OAAO,EAAE,cAHG;AAIZC,IAAAA,QAAQ,EAAE;AAJE,GAAd;AAOA,sBAAO;AAAK,IAAA,KAAK,EAAEJ;AAAZ,KAAoBD,QAApB,CAAP;AACD,CAXD;;AAaAD,KAAK,CAACO,SAAN,GAAkB;AAChBR,EAAAA,IAAI,EAAES,sBAAUC,MADA;AAEhBR,EAAAA,QAAQ,EAAEO,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC;AAFnE,CAAlB;eAIeb,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const normalizeSize = (size) => {\n  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';\n};\n\nconst Sized = ({ size, children }) => {\n  size = normalizeSize(size);\n\n  const style = {\n    height: size,\n    width: size,\n    display: 'inline-block',\n    position: 'relative',\n  };\n\n  return <div style={style}>{children}</div>;\n};\n\nSized.propTypes = {\n  size: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n};\nexport default Sized;\n"],"file":"sized.js"}

package/configure/node_modules/@pie-lib/icons/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@pie-lib/icons",
+  "version": "2.21.2",
+  "description": "Some simple icons",
+  "main": "lib/index.js",
+  "module": "src/index.js",
+  "repository": "pie-framework/pie-lib",
+  "keywords": [
+    "pie",
+    "react",
+    "material-ui"
+  ],
+  "scripts": {},
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "classnames": "^2.2.6",
+    "prop-types": "^15.6.2"
+  },
+  "peerDependencies": {
+    "@material-ui/core": "^3.8.3",
+    "react": "^16.8.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "8a327571bd64249e4c88c0c8e750d16d6213f535",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./lib/index.js",
+      "default": "./esm/index.js"
+    }
+  }
+}

package/configure/node_modules/@pie-lib/icons/src/__tests__/index.test.js

@@ -0,0 +1,3 @@
+xdescribe('skip', () => {
+  it('is skipped', () => {});
+});

package/configure/node_modules/@pie-lib/icons/src/correct-icon.jsx

@@ -0,0 +1,64 @@
+import IconBase from './icon-base';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { getStyles } from './icon-root';
+import { withStyles } from '@material-ui/core/styles';
+
+const styles = getStyles('correct', '#f8ffe2', '#4aaf46');
+
+const Emoji = ({ className }) => (
+  <g transform={'translate(1, 0)'}>
+    <path
+      className={className}
+      d="M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2
+    c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z"
+    />
+    <rect x="21.1" y="13.1" className={className} width="3.7" height="4.7" />
+    <rect x="12.7" y="13.1" className={className} width="3.7" height="4.7" />
+  </g>
+);
+
+Emoji.propTypes = {
+  className: PropTypes.string,
+};
+
+Emoji.defaultProps = {
+  x: 0,
+};
+
+const Check = ({ className, x, y }) => (
+  <polygon
+    transform={`translate(${x}, ${y})`}
+    className={className}
+    points="19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
+  />
+);
+
+Check.propTypes = {
+  x: PropTypes.number,
+  y: PropTypes.number,
+  className: PropTypes.string,
+};
+
+Check.defaultProps = {
+  x: 0,
+  y: 0,
+};
+
+export const Correct = IconBase(Check, Emoji);
+
+Correct.propTypes = {
+  iconSet: PropTypes.oneOf(['emoji', 'check']),
+  shape: PropTypes.oneOf(['round', 'square']),
+  category: PropTypes.oneOf(['feedback', undefined]),
+  open: PropTypes.bool,
+};
+
+Correct.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false,
+};
+
+export default withStyles(styles)(Correct);

package/configure/node_modules/@pie-lib/icons/src/correct-response-icon.jsx

@@ -0,0 +1,121 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+
+const OpenIcon = ({ bg, fg }) => (
+  <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' }}
+  >
+    <circle className={bg} cx="-266" cy="375.9" r="14" />
+    <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"
+    />
+    <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         "
+    />
+  </svg>
+);
+
+OpenIcon.propTypes = {
+  bg: PropTypes.string,
+  fg: PropTypes.string,
+};
+
+const CloseIcon = ({ bg, fg, border }) => (
+  <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' }}
+  >
+    <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"
+    />
+    <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"
+    />
+    <circle className={bg} cx="-114.2" cy="143.5" r="14" />
+    <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"
+    />
+    <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" />
+  </svg>
+);
+
+CloseIcon.propTypes = {
+  bg: PropTypes.string,
+  fg: PropTypes.string,
+  border: PropTypes.string,
+};
+
+const styles = {
+  root: {
+    width: (props) => props.size || '25px',
+    height: (props) => props.size || '25px',
+  },
+  hideIconBg: {
+    fill: '#bce2ff',
+  },
+  hideIconFg: {
+    fill: '#1a9cff',
+  },
+  showIconBg: {
+    fill: 'white',
+  },
+  showIconFg: {
+    fill: '#1a9cff',
+  },
+  showIconBorder: {
+    fill: '#bce2ff',
+  },
+};
+
+const CorrectResponse = ({ open, classes, className }) => (
+  <div className={classNames(className, classes.root)}>
+    {open ? (
+      <OpenIcon bg={classes.hideIconBg} fg={classes.hideIconFg} />
+    ) : (
+      <CloseIcon bg={classes.showIconBg} border={classes.showIconBorder} fg={classes.showIconFg} />
+    )}
+  </div>
+);
+
+CorrectResponse.propTypes = {
+  classes: PropTypes.object.isRequired,
+  open: PropTypes.bool,
+  size: PropTypes.string,
+  className: PropTypes.string,
+};
+
+CorrectResponse.defaultProps = {
+  open: false,
+};
+
+export default withStyles(styles)(CorrectResponse);

package/configure/node_modules/@pie-lib/icons/src/icon-base.jsx

@@ -0,0 +1,158 @@
+import { Circle, IconRoot, RoundFeedbackBox, Square, SquareFeedbackBox } from './icon-root';
+
+import PropTypes from 'prop-types';
+import React from 'react';
+
+export default (Action, Emoji) => {
+  class IconBase extends React.Component {
+    static propTypes = {
+      classes: PropTypes.object.isRequired,
+      size: PropTypes.number,
+    };
+    constructor(props) {
+      super(props);
+      const { classes, size } = this.props;
+
+      this.icons = {
+        feedback: {
+          round: {
+            check: (
+              <IconRoot size={size}>
+                <RoundFeedbackBox className={classes.bg} />
+                <Action className={classes.fg} />
+              </IconRoot>
+            ),
+            emoji: (
+              <IconRoot size={size}>
+                <RoundFeedbackBox className={classes.bg} />
+                <Emoji className={classes.fg} />
+              </IconRoot>
+            ),
+            open: {
+              check: (
+                <IconRoot size={size}>
+                  <Action className={classes.bg} />
+                </IconRoot>
+              ),
+              emoji: (
+                <IconRoot size={size}>
+                  <Emoji className={classes.bg} />
+                </IconRoot>
+              ),
+            },
+          },
+          square: {
+            check: (
+              <IconRoot size={size}>
+                <SquareFeedbackBox className={classes.bg} />
+                <Action className={classes.fg} />
+              </IconRoot>
+            ),
+            emoji: (
+              <IconRoot size={size}>
+                <SquareFeedbackBox className={classes.bg} />
+                <Emoji className={classes.fg} />
+              </IconRoot>
+            ),
+            open: {
+              check: (
+                <IconRoot size={size}>
+                  <Action className={classes.bg} />
+                </IconRoot>
+              ),
+              emoji: (
+                <IconRoot size={size}>
+                  <Emoji className={classes.bg} />
+                </IconRoot>
+              ),
+            },
+          },
+        },
+        round: {
+          check: (
+            <IconRoot size={size}>
+              <Circle className={classes.bg} />
+              <Action className={classes.fg} />
+            </IconRoot>
+          ),
+          emoji: (
+            <IconRoot size={size}>
+              <Circle className={classes.bg} />
+              <Emoji className={classes.fg} />
+            </IconRoot>
+          ),
+          open: {
+            check: (
+              <IconRoot size={size}>
+                <Action className={classes.bg} />
+              </IconRoot>
+            ),
+            emoji: (
+              <IconRoot size={size}>
+                <Emoji className={classes.bg} />
+              </IconRoot>
+            ),
+          },
+        },
+        square: {
+          check: (
+            <IconRoot size={size}>
+              <Square className={classes.bg} />
+              <Action className={classes.fg} />
+            </IconRoot>
+          ),
+          emoji: (
+            <IconRoot size={size}>
+              <Square className={classes.bg} />
+              <Emoji className={classes.fg} />
+            </IconRoot>
+          ),
+          open: {
+            check: (
+              <IconRoot size={size}>
+                <Action className={classes.bg} />
+              </IconRoot>
+            ),
+            emoji: (
+              <IconRoot size={size}>
+                <Emoji className={classes.bg} />
+              </IconRoot>
+            ),
+          },
+        },
+      };
+    }
+
+    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];
+        }
+      }
+    }
+  }
+
+  IconBase.propTypes = {
+    iconSet: PropTypes.oneOf(['emoji', 'check']),
+    shape: PropTypes.oneOf(['round', 'square']),
+    category: PropTypes.oneOf(['feedback', undefined]),
+    open: PropTypes.bool,
+  };
+
+  IconBase.defaultProps = {
+    iconSet: 'check',
+    shape: 'round',
+    category: undefined,
+    open: false,
+  };
+
+  return IconBase;
+};

package/configure/node_modules/@pie-lib/icons/src/icon-root.jsx

@@ -0,0 +1,76 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import Sized from './sized';
+
+export const normalizeSize = (size) => {
+  return typeof size === 'string' ? size : typeof size === 'number' ? `${size}px` : '30px';
+};
+
+export const IconRoot = ({ size, children }) => (
+  <Sized size={size}>
+    <svg
+      preserveAspectRatio="xMinYMin meet"
+      version="1.1"
+      x="0px"
+      y="0px"
+      viewBox="0 0 44 40"
+      style={{ enableBackground: 'new 0 0 44 40' }}
+    >
+      {' '}
+      {children}
+    </svg>
+  </Sized>
+);
+
+IconRoot.propTypes = {
+  size: PropTypes.oneOf([PropTypes.string, PropTypes.number]),
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
+};
+
+export const getStyles = (name, fg, bg) => ({
+  bg: {
+    fill: `var(--icons-${name}-bg, ${bg})`,
+  },
+  fg: {
+    fill: `var(--icons-${name}-fg, ${fg})`,
+  },
+});
+
+export const Tick = ({ className }) => (
+  <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" />
+);
+
+Tick.propTypes = {
+  className: PropTypes.string,
+};
+
+export const SquareFeedbackBox = ({ className }) => (
+  <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" />
+);
+SquareFeedbackBox.propTypes = {
+  className: PropTypes.string,
+};
+
+export const RoundFeedbackBox = ({ className }) => (
+  <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"
+  />
+);
+RoundFeedbackBox.propTypes = {
+  className: PropTypes.string,
+};
+
+export const Circle = ({ className }) => (
+  <circle transform="translate(-3, 0)" className={className} cx="23" cy="20.4" r="16" />
+);
+
+Circle.propTypes = {
+  className: PropTypes.string,
+};
+
+export const Square = ({ className }) => <rect x="3.6" y="4.1" className={className} width="32" height="32" />;
+Square.propTypes = {
+  className: PropTypes.string,
+};

package/configure/node_modules/@pie-lib/icons/src/incorrect-icon.jsx

@@ -0,0 +1,61 @@
+import IconBase from './icon-base';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { getStyles } from './icon-root';
+import { withStyles } from '@material-ui/core/styles';
+
+const Ex = ({ className }) => (
+  <g transform={'translate(0.5, 0.5)'}>
+    <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"
+    />
+    <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"
+    />
+  </g>
+);
+
+Ex.propTypes = {
+  className: PropTypes.string,
+};
+const Emoji = ({ className }) => (
+  <g transform={'translate(1,0)'}>
+    <rect x="21" y="12.9" className={className} width="3.7" height="4.7" />
+    <rect x="12.7" y="12.9" className={className} width="3.7" height="4.7" />
+    <rect x="12.2" y="22.5" className={className} width="13" height="3.3" />
+  </g>
+);
+
+Emoji.propTypes = {
+  className: PropTypes.string,
+};
+
+const styles = getStyles('incorrect', '#fbf2e3', '#fcb733');
+
+export const Incorrect = IconBase(Ex, Emoji);
+
+export default withStyles(styles)(Incorrect);
+
+Incorrect.propTypes = {
+  iconSet: PropTypes.oneOf(['emoji', 'check']),
+  shape: PropTypes.oneOf(['round', 'square']),
+  category: PropTypes.oneOf(['feedback', undefined]),
+  open: PropTypes.bool,
+};
+
+Incorrect.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false,
+};

package/configure/node_modules/@pie-lib/icons/src/index.js

@@ -0,0 +1,19 @@
+import Correct from './correct-icon';
+import CorrectResponse from './correct-response-icon';
+import Incorrect from './incorrect-icon';
+import Instructions from './instructions-icon';
+import LearnMore from './learn-more-icon';
+import NothingSubmitted from './nothing-submitted-icon';
+import PartiallyCorrect from './partially-correct-icon';
+import ShowRationale from './show-rationale-icon';
+
+export {
+  Correct,
+  CorrectResponse,
+  Incorrect,
+  Instructions,
+  LearnMore,
+  NothingSubmitted,
+  PartiallyCorrect,
+  ShowRationale,
+};