@pie-lib/icons 2.11.0 → 2.12.0

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-# [2.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.11.0) (2025-07-31)
+# [2.12.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.12.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons
 
@@ -11,38 +11,26 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 
 
-# [2.10.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.10.0) (2025-07-31)
+# [2.11.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.11.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons
 
+# [2.10.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.10.0) (2025-07-31)
 
-
-
+**Note:** Version bump only for package @pie-lib/icons
 
 # [2.9.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.9.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons
 
-
-
-
-
 # [2.8.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.8.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons
 
-
-
-
-
 # [2.7.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.7.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons
 
-
-
-
-
 # [2.9.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.4.43...@pie-lib/icons@2.9.0) (2025-07-31)
 
 **Note:** Version bump only for package @pie-lib/icons

package/lib/correct-icon.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Correct = 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 styles = (0, _iconRoot.getStyles)('correct', '#f8ffe2', '#4aaf46');
+
+var Emoji = function Emoji(_ref) {
+  var className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: 'translate(1, 0)'
+  }, /*#__PURE__*/_react["default"].createElement("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"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "21.1",
+    y: "13.1",
+    className: className,
+    width: "3.7",
+    height: "4.7"
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.7",
+    y: "13.1",
+    className: className,
+    width: "3.7",
+    height: "4.7"
+  }));
+};
+
+Emoji.propTypes = {
+  className: _propTypes["default"].string
+};
+Emoji.defaultProps = {
+  x: 0
+};
+
+var Check = function Check(_ref2) {
+  var className = _ref2.className,
+      x = _ref2.x,
+      y = _ref2.y;
+  return /*#__PURE__*/_react["default"].createElement("polygon", {
+    transform: "translate(".concat(x, ", ").concat(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["default"].number,
+  y: _propTypes["default"].number,
+  className: _propTypes["default"].string
+};
+Check.defaultProps = {
+  x: 0,
+  y: 0
+};
+var Correct = (0, _iconBase["default"])(Check, Emoji);
+exports.Correct = Correct;
+Correct.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  shape: _propTypes["default"].oneOf(['round', 'square']),
+  category: _propTypes["default"].oneOf(['feedback', undefined]),
+  open: _propTypes["default"].bool
+};
+Correct.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false
+};
+
+var _default = (0, _styles.withStyles)(styles)(Correct);
+
+exports["default"] = _default;
+//# sourceMappingURL=correct-icon.js.map

package/lib/correct-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/correct-icon.jsx"],"names":["styles","Emoji","className","propTypes","PropTypes","string","defaultProps","x","Check","y","number","Correct","iconSet","oneOf","shape","category","undefined","open","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,MAAM,GAAG,yBAAU,SAAV,EAAqB,SAArB,EAAgC,SAAhC,CAAf;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBACZ;AAAG,IAAA,SAAS,EAAE;AAAd,kBACE;AACE,IAAA,SAAS,EAAEA,SADb;AAEE,IAAA,CAAC,EAAC;AAFJ,IADF,eAME;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,IANF,eAOE;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,IAPF,CADY;AAAA,CAAd;;AAYAD,KAAK,CAACE,SAAN,GAAkB;AAChBD,EAAAA,SAAS,EAAEE,sBAAUC;AADL,CAAlB;AAIAJ,KAAK,CAACK,YAAN,GAAqB;AACnBC,EAAAA,CAAC,EAAE;AADgB,CAArB;;AAIA,IAAMC,KAAK,GAAG,SAARA,KAAQ;AAAA,MAAGN,SAAH,SAAGA,SAAH;AAAA,MAAcK,CAAd,SAAcA,CAAd;AAAA,MAAiBE,CAAjB,SAAiBA,CAAjB;AAAA,sBACZ;AACE,IAAA,SAAS,sBAAeF,CAAf,eAAqBE,CAArB,MADX;AAEE,IAAA,SAAS,EAAEP,SAFb;AAGE,IAAA,MAAM,EAAC;AAHT,IADY;AAAA,CAAd;;AAQAM,KAAK,CAACL,SAAN,GAAkB;AAChBI,EAAAA,CAAC,EAAEH,sBAAUM,MADG;AAEhBD,EAAAA,CAAC,EAAEL,sBAAUM,MAFG;AAGhBR,EAAAA,SAAS,EAAEE,sBAAUC;AAHL,CAAlB;AAMAG,KAAK,CAACF,YAAN,GAAqB;AACnBC,EAAAA,CAAC,EAAE,CADgB;AAEnBE,EAAAA,CAAC,EAAE;AAFgB,CAArB;AAKO,IAAME,OAAO,GAAG,0BAASH,KAAT,EAAgBP,KAAhB,CAAhB;;AAEPU,OAAO,CAACR,SAAR,GAAoB;AAClBS,EAAAA,OAAO,EAAER,sBAAUS,KAAV,CAAgB,CAAC,OAAD,EAAU,OAAV,CAAhB,CADS;AAElBC,EAAAA,KAAK,EAAEV,sBAAUS,KAAV,CAAgB,CAAC,OAAD,EAAU,QAAV,CAAhB,CAFW;AAGlBE,EAAAA,QAAQ,EAAEX,sBAAUS,KAAV,CAAgB,CAAC,UAAD,EAAaG,SAAb,CAAhB,CAHQ;AAIlBC,EAAAA,IAAI,EAAEb,sBAAUc;AAJE,CAApB;AAOAP,OAAO,CAACL,YAAR,GAAuB;AACrBM,EAAAA,OAAO,EAAE,OADY;AAErBE,EAAAA,KAAK,EAAE,OAFc;AAGrBC,EAAAA,QAAQ,EAAEC,SAHW;AAIrBC,EAAAA,IAAI,EAAE;AAJe,CAAvB;;eAOe,wBAAWjB,MAAX,EAAmBW,OAAnB,C","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 styles = getStyles('correct', '#f8ffe2', '#4aaf46');\n\nconst Emoji = ({ className }) => (\n  <g transform={'translate(1, 0)'}>\n    <path\n      className={className}\n      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\n    c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z\"\n    />\n    <rect x=\"21.1\" y=\"13.1\" className={className} width=\"3.7\" height=\"4.7\" />\n    <rect x=\"12.7\" y=\"13.1\" className={className} width=\"3.7\" height=\"4.7\" />\n  </g>\n);\n\nEmoji.propTypes = {\n  className: PropTypes.string,\n};\n\nEmoji.defaultProps = {\n  x: 0,\n};\n\nconst Check = ({ className, x, y }) => (\n  <polygon\n    transform={`translate(${x}, ${y})`}\n    className={className}\n    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\"\n  />\n);\n\nCheck.propTypes = {\n  x: PropTypes.number,\n  y: PropTypes.number,\n  className: PropTypes.string,\n};\n\nCheck.defaultProps = {\n  x: 0,\n  y: 0,\n};\n\nexport const Correct = IconBase(Check, Emoji);\n\nCorrect.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\nCorrect.defaultProps = {\n  iconSet: 'check',\n  shape: 'round',\n  category: undefined,\n  open: false,\n};\n\nexport default withStyles(styles)(Correct);\n"],"file":"correct-icon.js"}

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