@pie-lib/icons 3.1.0-next.1 → 3.1.0-next.37

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@3.1.0-next.1...@pie-lib/icons@3.1.0-next.3) (2026-01-27)
+
+**Note:** Version bump only for package @pie-lib/icons
+
+
+
+
+
 # [3.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/icons@2.24.1...@pie-lib/icons@3.1.0-next.1) (2026-01-26)
 
 

package/lib/correct-icon.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Correct = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.fill.js");
+var _iconBase = _interopRequireDefault(require("./icon-base"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+// Emoji SVG
+var Emoji = function Emoji(_ref) {
+  var fill = _ref.fill;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: "translate(1, 0)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    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",
+    fill: fill
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "21.1",
+    y: "13.1",
+    width: "3.7",
+    height: "4.7",
+    fill: fill
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.7",
+    y: "13.1",
+    width: "3.7",
+    height: "4.7",
+    fill: fill
+  }));
+};
+Emoji.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+
+// Check SVG
+var Check = function Check(_ref2) {
+  var fill = _ref2.fill,
+    _ref2$x = _ref2.x,
+    x = _ref2$x === void 0 ? 0 : _ref2$x,
+    _ref2$y = _ref2.y,
+    y = _ref2$y === void 0 ? 0 : _ref2$y;
+  return /*#__PURE__*/_react["default"].createElement("polygon", {
+    transform: "translate(".concat(x, ", ").concat(y, ")"),
+    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",
+    fill: fill
+  });
+};
+Check.propTypes = {
+  fill: _propTypes["default"].string.isRequired,
+  x: _propTypes["default"].number,
+  y: _propTypes["default"].number
+};
+
+// IconBase wrapper
+var Correct = exports.Correct = (0, _iconBase["default"])(Check, Emoji);
+Correct.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  shape: _propTypes["default"].oneOf(['round', 'square']),
+  category: _propTypes["default"].oneOf(['feedback', undefined]),
+  open: _propTypes["default"].bool,
+  fg: _propTypes["default"].string,
+  bg: _propTypes["default"].string,
+  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+};
+Correct.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false,
+  fg: '#4aaf46',
+  // foreground color
+  bg: '#f8ffe2',
+  // background color
+  size: 30
+};
+var _default = exports["default"] = Correct;
+//# sourceMappingURL=correct-icon.js.map

package/lib/correct-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"correct-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","Emoji","_ref","fill","createElement","transform","d","x","y","width","height","propTypes","PropTypes","string","isRequired","Check","_ref2","_ref2$x","_ref2$y","concat","points","number","Correct","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","fg","bg","size","oneOfType","defaultProps","_default"],"sources":["../src/correct-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\n// Emoji SVG\nconst Emoji = ({ fill }) => (\n  <g transform=\"translate(1, 0)\">\n    <path\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      fill={fill}\n    />\n    <rect x=\"21.1\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n    <rect x=\"12.7\" y=\"13.1\" width=\"3.7\" height=\"4.7\" fill={fill} />\n  </g>\n);\n\nEmoji.propTypes = { fill: PropTypes.string.isRequired };\n\n// Check SVG\nconst Check = ({ fill, x = 0, y = 0 }) => (\n  <polygon\n    transform={`translate(${x}, ${y})`}\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    fill={fill}\n  />\n);\n\nCheck.propTypes = { fill: PropTypes.string.isRequired, x: PropTypes.number, y: PropTypes.number };\n\n// IconBase wrapper\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  fg: PropTypes.string,\n  bg: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nCorrect.defaultProps = {\n  iconSet: 'check',\n  shape: 'round',\n  category: undefined,\n  open: false,\n  fg: '#4aaf46', // foreground color\n  bg: '#f8ffe2', // background color\n  size: 30,\n};\n\nexport default Correct;\n"],"mappings":"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","ignoreList":[]}

package/lib/correct-response-icon.js

@@ -0,0 +1,126 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+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 _styles = require("@mui/material/styles");
+// Open Icon
+var OpenIcon = function OpenIcon(_ref) {
+  var bgFill = _ref.bgFill,
+    fgFill = _ref.fgFill;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    version: "1.1",
+    viewBox: "-283 359 34 35",
+    style: {
+      enableBackground: 'new -283 359 34 35'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("circle", {
+    cx: "-266",
+    cy: "375.9",
+    r: "14",
+    fill: bgFill
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    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",
+    fill: bgFill
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    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",
+    fill: fgFill
+  }));
+};
+OpenIcon.propTypes = {
+  bgFill: _propTypes["default"].string.isRequired,
+  fgFill: _propTypes["default"].string.isRequired
+};
+
+// Close Icon
+var CloseIcon = function CloseIcon(_ref2) {
+  var bgFill = _ref2.bgFill,
+    fgFill = _ref2.fgFill,
+    borderFill = _ref2.borderFill;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    version: "1.1",
+    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", {
+    cx: "-114.2",
+    cy: "143.5",
+    r: "14",
+    fill: bgFill
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    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",
+    fill: borderFill
+  }), /*#__PURE__*/_react["default"].createElement("polygon", {
+    points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
+    fill: fgFill
+  }));
+};
+CloseIcon.propTypes = {
+  bgFill: _propTypes["default"].string.isRequired,
+  fgFill: _propTypes["default"].string.isRequired,
+  borderFill: _propTypes["default"].string.isRequired
+};
+
+// Container for icon sizing
+var CorrectResponseContainer = (0, _styles.styled)('div')(function (_ref3) {
+  var size = _ref3.size;
+  return {
+    width: size || '25px',
+    height: size || '25px'
+  };
+});
+
+// Main component
+var CorrectResponse = function CorrectResponse(_ref4) {
+  var open = _ref4.open,
+    size = _ref4.size;
+  // Colors can be customized or pulled from theme
+  var openBg = '#bce2ff';
+  var openFg = '#1a9cff';
+  var closeBg = 'white';
+  var closeFg = '#1a9cff';
+  var closeBorder = '#bce2ff';
+  return /*#__PURE__*/_react["default"].createElement(CorrectResponseContainer, {
+    size: size
+  }, open ? /*#__PURE__*/_react["default"].createElement(OpenIcon, {
+    bgFill: openBg,
+    fgFill: openFg
+  }) : /*#__PURE__*/_react["default"].createElement(CloseIcon, {
+    bgFill: closeBg,
+    fgFill: closeFg,
+    borderFill: closeBorder
+  }));
+};
+CorrectResponse.propTypes = {
+  open: _propTypes["default"].bool,
+  size: _propTypes["default"].string
+};
+CorrectResponse.defaultProps = {
+  open: false
+};
+var _default = exports["default"] = CorrectResponse;
+//# sourceMappingURL=correct-response-icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"correct-response-icon.js","names":["_propTypes","_interopRequireDefault","require","_react","_styles","OpenIcon","_ref","bgFill","fgFill","createElement","preserveAspectRatio","version","viewBox","style","enableBackground","cx","cy","r","fill","d","points","propTypes","PropTypes","string","isRequired","CloseIcon","_ref2","borderFill","stroke","strokeWidth","strokeMiterlimit","CorrectResponseContainer","styled","_ref3","size","width","height","CorrectResponse","_ref4","open","openBg","openFg","closeBg","closeFg","closeBorder","bool","defaultProps","_default","exports"],"sources":["../src/correct-response-icon.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\n\n// Open Icon\nconst OpenIcon = ({ bgFill, fgFill }) => (\n  <svg\n    preserveAspectRatio=\"xMinYMin meet\"\n    version=\"1.1\"\n    viewBox=\"-283 359 34 35\"\n    style={{ enableBackground: 'new -283 359 34 35' }}\n  >\n    <circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill={bgFill} />\n    <path\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      fill={bgFill}\n    />\n    <polygon\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      fill={fgFill}\n    />\n  </svg>\n);\n\nOpenIcon.propTypes = {\n  bgFill: PropTypes.string.isRequired,\n  fgFill: PropTypes.string.isRequired,\n};\n\n// Close Icon\nconst CloseIcon = ({ bgFill, fgFill, borderFill }) => (\n  <svg\n    preserveAspectRatio=\"xMinYMin meet\"\n    version=\"1.1\"\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 cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill={bgFill} />\n    <path\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      fill={borderFill}\n    />\n    <polygon\n      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      fill={fgFill}\n    />\n  </svg>\n);\n\nCloseIcon.propTypes = {\n  bgFill: PropTypes.string.isRequired,\n  fgFill: PropTypes.string.isRequired,\n  borderFill: PropTypes.string.isRequired,\n};\n\n// Container for icon sizing\nconst CorrectResponseContainer = styled('div')(({ size }) => ({\n  width: size || '25px',\n  height: size || '25px',\n}));\n\n// Main component\nconst CorrectResponse = ({ open, size }) => {\n  // Colors can be customized or pulled from theme\n  const openBg = '#bce2ff';\n  const openFg = '#1a9cff';\n  const closeBg = 'white';\n  const closeFg = '#1a9cff';\n  const closeBorder = '#bce2ff';\n\n  return (\n    <CorrectResponseContainer size={size}>\n      {open ? (\n        <OpenIcon bgFill={openBg} fgFill={openFg} />\n      ) : (\n        <CloseIcon bgFill={closeBg} fgFill={closeFg} borderFill={closeBorder} />\n      )}\n    </CorrectResponseContainer>\n  );\n};\n\nCorrectResponse.propTypes = {\n  open: PropTypes.bool,\n  size: PropTypes.string,\n};\n\nCorrectResponse.defaultProps = {\n  open: false,\n};\n\nexport default CorrectResponse;\n"],"mappings":"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","ignoreList":[]}

package/lib/icon-base.js

@@ -0,0 +1,95 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+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 _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+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 _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var _default = exports["default"] = function _default(Action, Emoji) {
+  var IconBase = /*#__PURE__*/function (_React$Component) {
+    function IconBase() {
+      (0, _classCallCheck2["default"])(this, IconBase);
+      return _callSuper(this, IconBase, arguments);
+    }
+    (0, _inherits2["default"])(IconBase, _React$Component);
+    return (0, _createClass2["default"])(IconBase, [{
+      key: "render",
+      value: function render() {
+        var _this$props = this.props,
+          iconSet = _this$props.iconSet,
+          shape = _this$props.shape,
+          category = _this$props.category,
+          open = _this$props.open,
+          size = _this$props.size,
+          fg = _this$props.fg,
+          bg = _this$props.bg;
+        var Foreground = iconSet === 'check' ? /*#__PURE__*/_react["default"].createElement(Action, {
+          fill: fg
+        }) : /*#__PURE__*/_react["default"].createElement(Emoji, {
+          fill: fg
+        });
+        var Background = iconSet === 'check' ? /*#__PURE__*/_react["default"].createElement(Action, {
+          fill: bg
+        }) : /*#__PURE__*/_react["default"].createElement(Emoji, {
+          fill: bg
+        });
+        var getBox = function getBox() {
+          if (category === 'feedback') {
+            return shape === 'round' ? /*#__PURE__*/_react["default"].createElement(_iconRoot.RoundFeedbackBox, {
+              fill: bg
+            }) : /*#__PURE__*/_react["default"].createElement(_iconRoot.SquareFeedbackBox, {
+              fill: bg
+            });
+          } else {
+            return shape === 'round' ? /*#__PURE__*/_react["default"].createElement(_iconRoot.Circle, {
+              fill: bg
+            }) : /*#__PURE__*/_react["default"].createElement(_iconRoot.Square, {
+              fill: bg
+            });
+          }
+        };
+        if (open) {
+          return /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+            size: size
+          }, Background);
+        }
+        return /*#__PURE__*/_react["default"].createElement(_iconRoot.IconRoot, {
+          size: size
+        }, getBox(), Foreground);
+      }
+    }]);
+  }(_react["default"].Component);
+  (0, _defineProperty2["default"])(IconBase, "propTypes", {
+    iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+    shape: _propTypes["default"].oneOf(['round', 'square']),
+    category: _propTypes["default"].oneOf(['feedback', undefined]),
+    open: _propTypes["default"].bool,
+    size: _propTypes["default"].oneOfType([_propTypes["default"].number, _propTypes["default"].string]),
+    fg: _propTypes["default"].string,
+    bg: _propTypes["default"].string
+  });
+  (0, _defineProperty2["default"])(IconBase, "defaultProps", {
+    iconSet: 'check',
+    shape: 'round',
+    category: undefined,
+    open: false,
+    size: 30,
+    fg: '#4aaf46',
+    bg: '#f8ffe2'
+  });
+  return IconBase;
+};
+//# sourceMappingURL=icon-base.js.map

package/lib/icon-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-base.js","names":["_iconRoot","require","_propTypes","_interopRequireDefault","_react","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","_default","exports","Action","Emoji","IconBase","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","iconSet","shape","category","open","size","fg","bg","Foreground","createElement","fill","Background","getBox","RoundFeedbackBox","SquareFeedbackBox","Circle","Square","IconRoot","React","Component","_defineProperty2","PropTypes","oneOf","undefined","bool","oneOfType","number","string"],"sources":["../src/icon-base.jsx"],"sourcesContent":["import { Circle, RoundFeedbackBox, Square, SquareFeedbackBox, IconRoot } from './icon-root';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nexport default (Action, Emoji) => {\n  class IconBase extends React.Component {\n    static propTypes = {\n      iconSet: PropTypes.oneOf(['emoji', 'check']),\n      shape: PropTypes.oneOf(['round', 'square']),\n      category: PropTypes.oneOf(['feedback', undefined]),\n      open: PropTypes.bool,\n      size: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n      fg: PropTypes.string,\n      bg: PropTypes.string,\n    };\n\n    static defaultProps = {\n      iconSet: 'check',\n      shape: 'round',\n      category: undefined,\n      open: false,\n      size: 30,\n      fg: '#4aaf46',\n      bg: '#f8ffe2',\n    };\n\n    render() {\n      const { iconSet, shape, category, open, size, fg, bg } = this.props;\n\n      const Foreground = iconSet === 'check' ? <Action fill={fg} /> : <Emoji fill={fg} />;\n      const Background = iconSet === 'check' ? <Action fill={bg} /> : <Emoji fill={bg} />;\n\n      const getBox = () => {\n        if (category === 'feedback') {\n          return shape === 'round' ? <RoundFeedbackBox fill={bg} /> : <SquareFeedbackBox fill={bg} />;\n        } else {\n          return shape === 'round' ? <Circle fill={bg} /> : <Square fill={bg} />;\n        }\n      };\n\n      if (open) {\n        return <IconRoot size={size}>{Background}</IconRoot>;\n      }\n\n      return (\n        <IconRoot size={size}>\n          {getBox()}\n          {Foreground}\n        </IconRoot>\n      );\n    }\n  }\n\n  return IconBase;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/icon-root.js

@@ -0,0 +1,117 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.normalizeSize = exports.getStyles = exports.Tick = exports.SquareFeedbackBox = exports.Square = exports.RoundFeedbackBox = exports.IconRoot = exports.Circle = void 0;
+require("core-js/modules/es.array.fill.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _sized = _interopRequireDefault(require("./sized"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var normalizeSize = exports.normalizeSize = function normalizeSize(size) {
+  return typeof size === 'string' ? size : typeof size === 'number' ? "".concat(size, "px") : '30px';
+};
+var IconRoot = exports.IconRoot = function IconRoot(_ref) {
+  var size = _ref.size,
+    children = _ref.children,
+    sx = _ref.sx;
+  return /*#__PURE__*/_react["default"].createElement(_sized["default"], {
+    size: size
+  }, /*#__PURE__*/_react["default"].createElement("svg", {
+    preserveAspectRatio: "xMinYMin meet",
+    viewBox: "0 0 44 40",
+    style: _objectSpread({
+      enableBackground: 'new 0 0 44 40'
+    }, sx)
+  }, children));
+};
+IconRoot.propTypes = {
+  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
+  sx: _propTypes["default"].object
+};
+
+// Feedback / shapes
+var Tick = exports.Tick = function Tick(_ref2) {
+  var fill = _ref2.fill;
+  return /*#__PURE__*/_react["default"].createElement("polygon", {
+    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",
+    fill: fill
+  });
+};
+Tick.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+var SquareFeedbackBox = exports.SquareFeedbackBox = function SquareFeedbackBox(_ref3) {
+  var fill = _ref3.fill;
+  return /*#__PURE__*/_react["default"].createElement("polygon", {
+    transform: "translate(2, 0)",
+    points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3",
+    fill: fill
+  });
+};
+SquareFeedbackBox.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+var RoundFeedbackBox = exports.RoundFeedbackBox = function RoundFeedbackBox(_ref4) {
+  var fill = _ref4.fill;
+  return /*#__PURE__*/_react["default"].createElement("path", {
+    transform: "translate(1, 0)",
+    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",
+    fill: fill
+  });
+};
+RoundFeedbackBox.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+var Circle = exports.Circle = function Circle(_ref5) {
+  var fill = _ref5.fill;
+  return /*#__PURE__*/_react["default"].createElement("circle", {
+    transform: "translate(-3,0)",
+    cx: "23",
+    cy: "20.4",
+    r: "16",
+    fill: fill
+  });
+};
+Circle.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+var Square = exports.Square = function Square(_ref6) {
+  var fill = _ref6.fill;
+  return /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "3.6",
+    y: "4.1",
+    width: "32",
+    height: "32",
+    fill: fill
+  });
+};
+Square.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+var getStyles = exports.getStyles = function getStyles(name, fg, bg) {
+  return {
+    bg: {
+      fill: bg
+    },
+    fg: {
+      fill: fg
+    }
+  };
+};
+//# sourceMappingURL=icon-root.js.map

package/lib/icon-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-root.js","names":["_react","_interopRequireDefault","require","_propTypes","_sized","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","normalizeSize","exports","size","concat","IconRoot","_ref","children","sx","createElement","preserveAspectRatio","viewBox","style","enableBackground","propTypes","PropTypes","oneOfType","string","number","arrayOf","node","isRequired","object","Tick","_ref2","fill","points","SquareFeedbackBox","_ref3","transform","RoundFeedbackBox","_ref4","d","Circle","_ref5","cx","cy","Square","_ref6","x","y","width","height","getStyles","name","fg","bg"],"sources":["../src/icon-root.jsx"],"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, sx }) => (\n  <Sized size={size}>\n    <svg\n      preserveAspectRatio=\"xMinYMin meet\"\n      viewBox=\"0 0 44 40\"\n      style={{ enableBackground: 'new 0 0 44 40', ...sx }}\n    >\n      {children}\n    </svg>\n  </Sized>\n);\n\nIconRoot.propTypes = {\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  sx: PropTypes.object,\n};\n\n// Feedback / shapes\nexport const Tick = ({ fill }) => (\n  <polygon 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\" fill={fill} />\n);\n\nTick.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const SquareFeedbackBox = ({ fill }) => (\n  <polygon transform=\"translate(2, 0)\" points=\"34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3\" fill={fill} />\n);\nSquareFeedbackBox.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const RoundFeedbackBox = ({ fill }) => (\n  <path\n    transform=\"translate(1, 0)\"\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    fill={fill}\n  />\n);\nRoundFeedbackBox.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const Circle = ({ fill }) => <circle transform=\"translate(-3,0)\" cx=\"23\" cy=\"20.4\" r=\"16\" fill={fill} />;\nCircle.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const Square = ({ fill }) => <rect x=\"3.6\" y=\"4.1\" width=\"32\" height=\"32\" fill={fill} />;\nSquare.propTypes = { fill: PropTypes.string.isRequired };\n\nexport const getStyles = (name, fg, bg) => ({\n  bg: { fill: bg },\n  fg: { fill: fg },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/incorrect-icon.js

@@ -0,0 +1,90 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Incorrect = void 0;
+require("core-js/modules/es.array.fill.js");
+var _iconBase = _interopRequireDefault(require("./icon-base"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+// X mark for incorrect
+var Ex = function Ex(_ref) {
+  var fill = _ref.fill;
+  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)",
+    width: "16.6",
+    height: "3.7",
+    fill: fill
+  }), /*#__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)",
+    width: "3.7",
+    height: "16.6",
+    fill: fill
+  }));
+};
+Ex.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+
+// Emoji version
+var Emoji = function Emoji(_ref2) {
+  var fill = _ref2.fill;
+  return /*#__PURE__*/_react["default"].createElement("g", {
+    transform: "translate(1,0)"
+  }, /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "21",
+    y: "12.9",
+    width: "3.7",
+    height: "4.7",
+    fill: fill
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.7",
+    y: "12.9",
+    width: "3.7",
+    height: "4.7",
+    fill: fill
+  }), /*#__PURE__*/_react["default"].createElement("rect", {
+    x: "12.2",
+    y: "22.5",
+    width: "13",
+    height: "3.3",
+    fill: fill
+  }));
+};
+Emoji.propTypes = {
+  fill: _propTypes["default"].string.isRequired
+};
+
+// Exported Incorrect icon
+var Incorrect = exports.Incorrect = (0, _iconBase["default"])(Ex, Emoji);
+Incorrect.propTypes = {
+  iconSet: _propTypes["default"].oneOf(['emoji', 'check']),
+  shape: _propTypes["default"].oneOf(['round', 'square']),
+  category: _propTypes["default"].oneOf(['feedback', undefined]),
+  open: _propTypes["default"].bool,
+  fg: _propTypes["default"].string,
+  bg: _propTypes["default"].string,
+  size: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])
+};
+Incorrect.defaultProps = {
+  iconSet: 'check',
+  shape: 'round',
+  category: undefined,
+  open: false,
+  fg: '#fcb733',
+  // foreground color
+  bg: '#fbf2e3',
+  // background color
+  size: 30
+};
+var _default = exports["default"] = Incorrect;
+//# sourceMappingURL=incorrect-icon.js.map

package/lib/incorrect-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"incorrect-icon.js","names":["_iconBase","_interopRequireDefault","require","_propTypes","_react","Ex","_ref","fill","createElement","transform","x","y","width","height","propTypes","PropTypes","string","isRequired","Emoji","_ref2","Incorrect","exports","IconBase","iconSet","oneOf","shape","category","undefined","open","bool","fg","bg","size","oneOfType","number","defaultProps","_default"],"sources":["../src/incorrect-icon.jsx"],"sourcesContent":["import IconBase from './icon-base';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\n// X mark for incorrect\nconst Ex = ({ fill }) => (\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      width=\"16.6\"\n      height=\"3.7\"\n      fill={fill}\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      width=\"3.7\"\n      height=\"16.6\"\n      fill={fill}\n    />\n  </g>\n);\n\nEx.propTypes = {\n  fill: PropTypes.string.isRequired,\n};\n\n// Emoji version\nconst Emoji = ({ fill }) => (\n  <g transform=\"translate(1,0)\">\n    <rect x=\"21\" y=\"12.9\" width=\"3.7\" height=\"4.7\" fill={fill} />\n    <rect x=\"12.7\" y=\"12.9\" width=\"3.7\" height=\"4.7\" fill={fill} />\n    <rect x=\"12.2\" y=\"22.5\" width=\"13\" height=\"3.3\" fill={fill} />\n  </g>\n);\n\nEmoji.propTypes = {\n  fill: PropTypes.string.isRequired,\n};\n\n// Exported Incorrect icon\nexport const Incorrect = IconBase(Ex, Emoji);\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  fg: PropTypes.string,\n  bg: PropTypes.string,\n  size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nIncorrect.defaultProps = {\n  iconSet: 'check',\n  shape: 'round',\n  category: undefined,\n  open: false,\n  fg: '#fcb733', // foreground color\n  bg: '#fbf2e3', // background color\n  size: 30,\n};\n\nexport default Incorrect;\n"],"mappings":"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","ignoreList":[]}