@pie-lib/icons 2.5.0-beta.2 → 2.5.0-beta.3

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

package/lib/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Correct", {
+  enumerable: true,
+  get: function get() {
+    return _correctIcon["default"];
+  }
+});
+Object.defineProperty(exports, "CorrectResponse", {
+  enumerable: true,
+  get: function get() {
+    return _correctResponseIcon["default"];
+  }
+});
+Object.defineProperty(exports, "Incorrect", {
+  enumerable: true,
+  get: function get() {
+    return _incorrectIcon["default"];
+  }
+});
+Object.defineProperty(exports, "Instructions", {
+  enumerable: true,
+  get: function get() {
+    return _instructionsIcon["default"];
+  }
+});
+Object.defineProperty(exports, "LearnMore", {
+  enumerable: true,
+  get: function get() {
+    return _learnMoreIcon["default"];
+  }
+});
+Object.defineProperty(exports, "NothingSubmitted", {
+  enumerable: true,
+  get: function get() {
+    return _nothingSubmittedIcon["default"];
+  }
+});
+Object.defineProperty(exports, "PartiallyCorrect", {
+  enumerable: true,
+  get: function get() {
+    return _partiallyCorrectIcon["default"];
+  }
+});
+Object.defineProperty(exports, "ShowRationale", {
+  enumerable: true,
+  get: function get() {
+    return _showRationaleIcon["default"];
+  }
+});
+
+var _correctIcon = _interopRequireDefault(require("./correct-icon"));
+
+var _correctResponseIcon = _interopRequireDefault(require("./correct-response-icon"));
+
+var _incorrectIcon = _interopRequireDefault(require("./incorrect-icon"));
+
+var _instructionsIcon = _interopRequireDefault(require("./instructions-icon"));
+
+var _learnMoreIcon = _interopRequireDefault(require("./learn-more-icon"));
+
+var _nothingSubmittedIcon = _interopRequireDefault(require("./nothing-submitted-icon"));
+
+var _partiallyCorrectIcon = _interopRequireDefault(require("./partially-correct-icon"));
+
+var _showRationaleIcon = _interopRequireDefault(require("./show-rationale-icon"));
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

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

@@ -0,0 +1,229 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _sized = _interopRequireDefault(require("./sized"));
+
+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 Lines = function Lines() {
+  var style = {
+    fill: 'none',
+    stroke: '#BCE2FF',
+    strokeWidth: 2,
+    strokeMiterlimit: 10
+  };
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("line", {
+    style: style,
+    x1: "-98",
+    y1: "142",
+    x2: "-114.6",
+    y2: "142"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    style: style,
+    x1: "-98",
+    y1: "146.3",
+    x2: "-114.6",
+    y2: "146.3"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    style: style,
+    x1: "-104",
+    y1: "150.7",
+    x2: "-114.6",
+    y2: "150.7"
+  }));
+};
+
+var Root = function Root(_ref) {
+  var children = _ref.children,
+      size = _ref.size;
+  return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
+    size: size
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    version: "1.1",
+    viewBox: "-128 129 31 31",
+    style: {
+      enableBackground: 'new -128 129 31 31'
+    }
+  }, children));
+};
+
+Root.propTypes = {
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  size: _propTypes["default"].number
+};
+
+var GreyInfo = function GreyInfo() {
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-123.9",
+    y: "135.3",
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    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        "
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-124.7",
+    y: "134.7",
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    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        "
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-125.5",
+    y: "134",
+    style: {
+      fill: '#7FABC6'
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#7FABC6'
+    },
+    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        "
+  }));
+};
+
+var BlueInfo = function BlueInfo() {
+  return /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-123.9",
+    y: "135.3",
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#D0CAC5',
+      stroke: '#E6E3E0',
+      strokeWidth: 0.75,
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    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        "
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-124.7",
+    y: "134.7",
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#B3ABA4',
+      stroke: '#CDC7C2',
+      strokeWidth: 0.5,
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: 10
+    },
+    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        "
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "-125.5",
+    y: "134",
+    style: {
+      fill: '#1A9CFF'
+    },
+    width: "4.1",
+    height: "4.1"
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    style: {
+      fill: '#1A9CFF'
+    },
+    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        "
+  }));
+};
+
+var Instructions = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(Instructions, _React$Component);
+
+  var _super = _createSuper(Instructions);
+
+  function Instructions(props) {
+    (0, _classCallCheck2["default"])(this, Instructions);
+    return _super.call(this, props);
+  }
+
+  (0, _createClass2["default"])(Instructions, [{
+    key: "render",
+    value: function render() {
+      if (this.props.open === true) {
+        return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(GreyInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(Root, null, /*#__PURE__*/_react["default"].createElement(BlueInfo, null), /*#__PURE__*/_react["default"].createElement(Lines, null));
+      }
+    }
+  }]);
+  return Instructions;
+}(_react["default"].Component);
+
+exports["default"] = Instructions;
+Instructions.propTypes = {
+  open: _propTypes["default"].bool
+};
+Instructions.defaultProps = {
+  open: false
+};
+//# sourceMappingURL=instructions-icon.js.map

package/lib/instructions-icon.js.map

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

package/lib/learn-more-icon.js

@@ -0,0 +1,145 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.LearnMore = 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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _sized = _interopRequireDefault(require("./sized"));
+
+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 Glint = function Glint(_ref) {
+  var fill = _ref.fill;
+  return /*#__PURE__*/_react["default"].createElement("path", {
+    fill: fill,
+    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"
+  });
+};
+
+Glint.propTypes = {
+  fill: _propTypes["default"].string
+};
+
+var LearnMore = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(LearnMore, _React$Component);
+
+  var _super = _createSuper(LearnMore);
+
+  function LearnMore() {
+    (0, _classCallCheck2["default"])(this, LearnMore);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(LearnMore, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          size = _this$props.size;
+
+      if (this.props.open === true) {
+        return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
+          size: size
+        }, /*#__PURE__*/_react["default"].createElement("svg", {
+          preserveAspectRatio: "xMinYMin meet",
+          viewBox: "-135 129 16 32"
+        }, /*#__PURE__*/_react["default"].createElement("path", {
+          className: classes.hideBg,
+          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"
+        }), /*#__PURE__*/_react["default"].createElement("path", {
+          className: classes.hideBg,
+          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"
+        }), /*#__PURE__*/_react["default"].createElement(Glint, {
+          fill: classes.hideFg.fill
+        })));
+      } else {
+        return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
+          size: size
+        }, /*#__PURE__*/_react["default"].createElement("svg", {
+          preserveAspectRatio: "xMinYMin meet",
+          viewBox: "-135 129 16 31"
+        }, /*#__PURE__*/_react["default"].createElement("path", {
+          fill: "#D0CAC5",
+          stroke: "#E6E3E0",
+          className: "st0",
+          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"
+        }), /*#__PURE__*/_react["default"].createElement("path", {
+          fill: "#D0CAC5",
+          stroke: "#E6E3E0",
+          className: "st0",
+          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"
+        }), /*#__PURE__*/_react["default"].createElement("path", {
+          fill: "#B3ABA4",
+          stroke: "#CDC7C2",
+          className: "st1",
+          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"
+        }), ",", /*#__PURE__*/_react["default"].createElement("path", {
+          fill: "#B3ABA4",
+          stroke: "#CDC7C2",
+          className: "st1",
+          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"
+        }), /*#__PURE__*/_react["default"].createElement("path", {
+          className: classes.showBg,
+          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"
+        }), /*#__PURE__*/_react["default"].createElement("path", {
+          className: classes.showBg,
+          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"
+        }), /*#__PURE__*/_react["default"].createElement(Glint, {
+          fill: classes.hideFg.fill
+        })));
+      }
+    }
+  }]);
+  return LearnMore;
+}(_react["default"].Component);
+
+exports.LearnMore = LearnMore;
+(0, _defineProperty2["default"])(LearnMore, "propTypes", {
+  classes: _propTypes["default"].object.isRequired,
+  size: _propTypes["default"].number
+});
+var styles = {
+  showBg: {
+    fill: '#1a9cff'
+  },
+  hideFg: {
+    fill: '#1a9cff'
+  },
+  hideBg: {
+    fill: '#bce2ff'
+  }
+};
+LearnMore.propTypes = {
+  open: _propTypes["default"].bool
+};
+LearnMore.defaultProps = {
+  open: false
+};
+
+var _default = (0, _styles.withStyles)(styles)(LearnMore);
+
+exports["default"] = _default;
+//# sourceMappingURL=learn-more-icon.js.map

package/lib/learn-more-icon.js.map

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